@font-face{font-family:'Reference Roboto';src:url('../fonts/roboto-voucher.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Traditional website buttons: rectangular, uppercase, white labels. */
body:not(.custom-complete):not(.voucher-page):not(.academy-site) :is(.primary-button,.home-green-button,.learn-button,.digital-cta,.ec-button,.sb-green-button,.sb-more-button){display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;max-width:100%;min-width:300px;min-height:70px;height:auto;padding:15px 35px;border:0;border-radius:5px;background:var(--sellvia-green,#9ac400);color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;letter-spacing:normal;line-height:40px;text-align:center;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s;box-shadow:none}
body:not(.custom-complete):not(.voucher-page):not(.academy-site) :is(.primary-button,.home-green-button,.learn-button,.digital-cta,.ec-button,.sb-green-button,.sb-more-button):hover{background:#89ae00;transform:none;box-shadow:none}
.reference-home .hero .primary-button{width:300px;min-width:300px;max-width:100%;min-height:70px;font-size:20px;line-height:40px;padding:15px 35px;border-radius:5px}
.reference-home .home-contact-button{width:300px;max-width:100%;min-width:0;min-height:70px;height:auto;padding:13px 35px;border:2px solid var(--sellvia-green,#9ac400);border-radius:5px;background:transparent;color:var(--sellvia-green,#9ac400);font:700 20px/40px Arial,sans-serif;text-transform:uppercase;transition:background .2s,color .2s}
.reference-home .home-contact-button:hover{background:var(--sellvia-green,#9ac400);color:#fff;transform:none}
/* Source service pages use their own responsive CTA sizing. */
.digital-complete .digital-cta{font-family:Arial,Helvetica,sans-serif;min-width:300px;border-radius:5px;color:#fff!important;font-size:20px;line-height:40px;padding:15px 35px;text-transform:uppercase;min-height:70px;white-space:nowrap}
/* Editorial buttons retain their rectangular form and individual widths. */
.sellvia-blog .sb-more-button,.sellvia-blog .sb-green-button{min-width:300px}.sellvia-blog .sb-subscribe-actions button{width:auto;min-width:180px;min-height:70px;border-radius:5px;padding:15px 35px;background:var(--sellvia-green,#9ac400);color:white;font:700 20px/40px Arial,sans-serif;text-transform:uppercase;transition:background-color .2s}.sellvia-blog .sb-subscribe-actions button:hover{background:#89ae00;transform:none}.ec-page .ec-hero .ec-button{width:360px;min-width:0;max-width:100%}
/* Store and Amazon landings: black labels, rounded pills, gentle scaling. */
.custom-complete .cs-button{display:inline-flex;align-items:center;justify-content:center;width:358px;min-width:0;max-width:100%;height:60px;min-height:60px;padding:0 22px;border:0;border-radius:980px;background:var(--sellvia-green,#9ac400);color:#000;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.01em;text-transform:none;white-space:nowrap;box-shadow:none;transition:background .2s,transform .2s;font-family:'Site Display',-apple-system,Arial,sans-serif}
.amazon-complete .cs-button{font-family:'Reference Roboto',Arial,sans-serif}.custom-complete .cs-button:hover{background:#85a900;transform:scale(1.02)}.custom-complete .cs-header .cs-button.compact{width:auto;max-width:none;height:38px;min-height:38px;padding:0 26px;font-size:16px;letter-spacing:-.005em;white-space:nowrap}.custom-complete .cs-sticky-cta .cs-button{width:358px;height:60px;min-height:60px;font-size:19px;padding:0 22px}.custom-complete .primary-button{border-radius:980px;background:var(--sellvia-green,#9ac400);color:#000;padding:15px 22px;font-size:17px;font-weight:600}
/* The voucher page's exact button geometry stays in voucher-offer.css. */
/* Main website header matches the original outlined login and rectangular CTA. */
.header .nav-contact{width:auto;min-width:195px;height:50px;min-height:50px;padding:0 18px;border:0;border-radius:5px;background:var(--sellvia-green,#9ac400);color:#fff!important;font:700 18px/1 Arial,sans-serif;text-transform:uppercase;white-space:nowrap;transition:background-color .2s}.header .nav-contact:hover{background:#89ae00;transform:none}.header .nav-login{width:132px;min-width:0;height:50px;padding:0 18px;border:1px solid currentColor;border-radius:5px;font:400 18px/1.4 Arial,sans-serif;text-transform:none;background:transparent}.header .nav-login:hover{background:#9ac4001f;transform:none}
/* Academy controls follow the compact community interface. */
.academy-site .ac-button{width:auto;min-width:0;max-width:100%;height:auto;min-height:44px;padding:13px 22px;border:0;border-radius:6px;background:var(--sellvia-green,#9ac400);color:#fff!important;font:600 15px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:normal;white-space:normal;transition:background .2s}.academy-site .ac-button:hover{background:#819f00;transform:none}.academy-site .ac-start-course{min-height:38px;padding:10px 17px;font-size:13px}.academy-site .ac-top-cta{width:auto;min-height:38px;padding:11px 18px;border-radius:6px;background:var(--sellvia-green,#9ac400);color:white;font-size:14px;font-weight:700}.academy-site .ac-login{height:auto;width:auto;padding:0;border:0;border-radius:0;font-size:14px;line-height:1.4;background:transparent}
@media(max-width:1000px){.header .nav-contact{min-width:160px;font-size:16px}.header .nav-login{width:110px;font-size:16px}}
@media(max-width:767px){body:not(.custom-complete):not(.voucher-page):not(.academy-site) :is(.primary-button,.home-green-button,.learn-button,.ec-button,.sb-green-button,.sb-more-button){width:auto;min-width:min(300px,100%);max-width:100%;font-size:17px;line-height:26px;min-height:56px;padding:15px 24px;white-space:normal}.reference-home .hero .primary-button{width:300px;min-width:0;max-width:100%;font-size:17px;line-height:26px;min-height:56px}.digital-complete .digital-cta{width:100%;max-width:360px;min-width:0;min-height:50px;font-size:17px;line-height:1.3;padding:14px 24px;white-space:normal}.reference-home .home-contact-button{width:300px;min-height:56px;font-size:17px;line-height:26px;padding:13px 24px}.sellvia-blog .sb-subscribe-actions button{min-height:56px;font-size:17px;line-height:26px;padding:15px 24px}.ec-page .ec-hero .ec-button{width:360px;max-width:100%}.custom-complete .cs-button{width:100%;max-width:358px;height:56px;min-height:56px;font-size:16px;padding:12px 18px;white-space:normal}.custom-complete .cs-header .cs-button.compact{width:auto;height:34px;min-height:34px;font-size:14px;padding:0 16px;white-space:nowrap}.custom-complete .cs-sticky-cta .cs-button{width:min(343px,100%);height:52px;min-height:52px;font-size:16px;padding:12px 16px}.header #main-navigation .nav-contact,.header #main-navigation .nav-login{width:100%;min-width:0;height:46px;min-height:46px;padding:10px;border-radius:5px}.academy-site .ac-top-cta{font-size:11px;padding:9px 12px;min-height:32px}.academy-site .ac-login{font-size:12px}}
@media(max-width:480px){.digital-complete .digital-cta{font-size:16px}}
@media(prefers-reduced-motion:reduce){body :is(.primary-button,.home-green-button,.learn-button,.digital-cta,.cs-button,.ec-button,.ac-button,.ac-top-cta,.sb-green-button,.sb-more-button,.vp-button,.nav-contact,.home-contact-button){transition:none!important;animation:none!important}.custom-complete .cs-button:hover{transform:none}}