/** * Floating "Bli medlem här" CTA. * Replaces the Buttonizer plugin with a theme-owned circular button. */ .impact-floating-cta { position: fixed; right: clamp(12px, 1.6vw, 23px); top: clamp(120px, 9vh, 132px); width: clamp(120px, 13.6vw, 196px); height: clamp(120px, 13.6vw, 196px); border-radius: 50%; background-color: var(--wp--preset--color--mint, #c3e6e0); color: #000; font-family: var(--wp--preset--font-family--ivymode, "ivymode", serif); font-weight: 300; font-size: clamp(18px, 1.9vw, 27px); line-height: 1.2; text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); z-index: 999; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .impact-floating-cta:hover, .impact-floating-cta:focus-visible { color: #000; text-decoration: none; transform: scale(1.04); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2); } .impact-floating-cta:focus-visible { outline: 2px solid #000; outline-offset: 4px; } .impact-floating-cta__line { display: block; } @media (max-width: 768px) { .impact-floating-cta { width: 84px !important; height: 84px !important; font-size: 13px !important; right: 10px !important; top: clamp(90px, 12vw, 110px) !important; } } /* Hide the floating CTA while the mobile menu overlay is open so it doesn't overlap menu items. WP adds .has-modal-open on when the responsive nav is open. */ html.has-modal-open .impact-floating-cta { display: none; }