.flm-aboutcta { padding-block: clamp(3.5rem, 9vw, 6.5rem); }
.flm-aboutcta__inner { width: min(92vw, 900px); margin-inline: auto; text-align: center; }
.flm-aboutcta__title { margin: 0 0 1.6rem; font-family: var(--wp--preset--font-family--plex); font-weight: 600; font-size: clamp(1.8rem, 4.4vw, 3.25rem); line-height: 1.12; color: var(--wp--preset--color--text-primary); }
.flm-aboutcta__btns { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
.flm-aboutcta__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.85rem 1.6rem; border-radius: 4px; font-family: var(--wp--preset--font-family--plex); font-size: var(--wp--preset--font-size--caption); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease; }
/* Hovers go accent-pink — the sitewide action affordance (same convention as
   company-who-we-are, corporate feedback #50). */
.flm-aboutcta__btn--fill { background: #FFFFFF; color: var(--wp--preset--color--surface-deep); border: 1px solid #FFFFFF; }
.flm-aboutcta__btn--fill:hover,
.flm-aboutcta__btn--fill:focus-visible { background: var(--wp--preset--color--accent-pink); border-color: var(--wp--preset--color--accent-pink); color: #FFFFFF; }
.flm-aboutcta__btn--out { background: transparent; color: #FFFFFF; border: 1px solid rgba(255,255,255,0.6); }
.flm-aboutcta__btn--out:hover,
.flm-aboutcta__btn--out:focus-visible { border-color: var(--wp--preset--color--accent-pink); color: var(--wp--preset--color--accent-pink); background: transparent; }