/* Shared action buttons on every public page. */
:root{--button-ease:cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){
    .button{position:relative;overflow:hidden;isolation:isolate;transform:none;transition:box-shadow .35s ease,scale .2s ease}
    .button::before{content:"";position:absolute;inset:0;pointer-events:none;background:#1a6275;transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--button-ease);z-index:-1}
    .button-light::before{background:#dce9dc}
    .button span{display:inline-block;transition:transform .4s var(--button-ease)}
    .button:is(:hover,:focus-visible){transform:none;box-shadow:0 6px 18px #163e3926}
    .button-dark:is(:hover,:focus-visible){background:var(--teal)}
    .button-light:is(:hover,:focus-visible){color:#0c5062}
    .button:is(:hover,:focus-visible)::before{transform:scaleY(1)}
    .button:is(:hover,:focus-visible) span{transform:translateX(3px) rotate(-45deg)}
    .button:active{scale:.97}
}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}