.teaser-section { position: relative; max-width: 100%; z-index: 1; }
.teaser-section .row { max-width: 1600px; margin: 0 auto; }
.teaser-section .teaser { text-align: left; display: inline-block; width: calc(33.3333% - 5vw - 43px); padding: 0 5vw; vertical-align: top; transition: all .5s ease-in-out; }
.teaser-section .teaser:first-of-type { padding-left: 0; }
.teaser-section .teaser:last-of-type { padding-right: 0; }
.teaser-section .teaser .teaser-button { color: #467B96; font-family: Inter, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 2.6px; line-height: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #467B96; background: url('/wp-content/uploads/2025/11/arrow-slate.png'); background-repeat: no-repeat; background-position: 100% 15%; background-size: 13px 13px; transition: all .5s ease-in-out; }
.teaser-section .teaser .teaser-text { color: #00365B; font-weight: 700; padding: 33px 0 0 0; transition: all .5s ease-in-out; }
.teaser-section .teaser:hover .teaser-button { background-position: 95% 15%; }
.teaser-section .teaser:hover .teaser-text { color: #467B96; }

.wp-admin .teaser-section .teaser { width: 33.3333%; padding: 0 2vw; }
.front-end-tablet .teaser-section .teaser { width: calc(33.3333% - 3vw - 43px); }
.front-end-tablet .teaser-section .teaser .teaser-button { max-width: 200px; }

@media (max-width: 800px) {
    .teaser-section .teaser { width: 100% !important; padding: 30px 0 !important; }
    .teaser-section .teaser:first-of-type { padding: 0 !important; }
    .teaser-section .teaser:last-of-type { padding: 0 !important; }
}