:root{--content-width:77.5rem;--padding:1rem;--border-radius:.25rem}.button,button{--bkg:var(--app);--text:var(--on-app);--bkg-hover:var(--surface);--bkg-active:var(--surface);--radius:0.25em;--shadow:var(--border);background:var(--bkg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;padding:.5em .75em;text-decoration:none;transition:var(--tx-m)}.button:hover,button:hover{background:var(--bkg-hover);box-shadow:0 .25em .5em var(--shadow)}.button:active,button:active{--shadow:var(--bkg-active);background:var(--bkg-active);box-shadow:0 0 .25em var(--shadow)}.button.-cta,button.-cta{--bkg:var(--primary);--text:var(--on-primary);--border:var(--primary);--radius:1.5em;--bkg-hover:var(--primary-hover);--bkg-active:var(--primary-active);--shadow:rgba(214,68,5,.8)}.button.-link,button.-link{--bkg:transparent;--border:transparent;--bkg-hover:transparent;--bkg-active:transparent;text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:2px;text-underline-offset:.25em}.button.-link:hover,button.-link:hover{--text:var(--primary-hover);text-decoration-color:var(--primary-hover)}