/* One interaction for primary CTAs on every page. */
html:root body .page-wrapper .thm-btn { isolation: isolate; overflow: hidden; transition: color .3s ease, box-shadow .3s ease; }
html:root body .page-wrapper .thm-btn:hover,
html:root body .page-wrapper .thm-btn:focus-visible { color: #fff; transform: none; box-shadow: 0 10px 24px rgba(11,32,45,.16); }
html:root body .page-wrapper .thm-btn > span:empty { pointer-events: none; background: #28657e; transition: transform .5s ease; transition-delay: calc((var(--n) - 1) * .1s); }
html:root body .page-wrapper .thm-btn > span:empty:nth-of-type(1) { --n: 1; }
html:root body .page-wrapper .thm-btn > span:empty:nth-of-type(2) { --n: 2; }
html:root body .page-wrapper .thm-btn > span:empty:nth-of-type(3) { --n: 3; }
html:root body .page-wrapper .thm-btn > span:empty:nth-of-type(4) { --n: 4; }
html:root body .page-wrapper .thm-btn > span:empty:nth-of-type(5) { --n: 5; }
html:root body .page-wrapper .thm-btn:focus-visible > span:empty { transform: translateY(0) scale(2); }
html:root body .page-wrapper .thm-btn:focus-visible { outline: 3px solid #63a8c2 !important; outline-offset: 4px; }
html:root body .page-wrapper .thm-btn > i { transition: transform .25s ease; }
html:root body .page-wrapper .thm-btn:is(:hover, :focus-visible) > i { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
    html:root body .page-wrapper .thm-btn,
    html:root body .page-wrapper .thm-btn > span:empty,
    html:root body .page-wrapper .thm-btn > i { transition: none; }
    html:root body .page-wrapper .thm-btn:is(:hover, :focus-visible) > i { transform: none; }
}