:root{--app-button-duration:.15s}.app-button{background:none;border:0;cursor:pointer;display:inline-block;line-height:1.18;text-align:center;text-decoration:none;white-space:nowrap}.app-button>span{position:relative;z-index:2}.app-button--primary,.app-button--small{color:var(--white);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-button--primary{padding:.85rem 1.5rem .7rem}.app-button--small{padding:.375rem .9375rem}.app-button--primary:before,.app-button--small:before{background-color:var(--html-blue);border-radius:var(--border-radius);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(1) scaleY(1);transition:transform var(--app-button-duration);width:100%;z-index:1}.app-button--primary>span:after{content:"→";display:inline-block;font-size:1.2em;line-height:.5;margin-left:.3em;transform:translate(0);transition:transform var(--app-button-duration);vertical-align:middle}.app-button--active.app-button--primary:before,.app-button--hover.app-button--primary:before,.app-button--hover.app-button--small:before,.app-button--primary:active:before,.app-button--primary:focus:before,.app-button--primary:hover:before,.app-button--small:focus:before,.app-button--small:hover:before{transform:scaleX(1.05) scaleY(1.3)}.app-button--hover.app-button--primary>span:after,.app-button--primary:focus>span:after,.app-button--primary:hover>span:after{transform:translate(.5em)}.app-button--primary:disabled:before,.app-button--primary[disabled]:before{background-color:var(--very-dim);pointer-events:none;transform:scaleX(1) scaleY(1)}@media (prefers-reduced-motion:reduce){.app-button--active.app-button--primary:before,.app-button--hover.app-button--primary:before,.app-button--primary:active:before,.app-button--primary:focus:before,.app-button--primary:hover:before{transform:none}}.app-button--secondary{color:var(--html-blue)}.app-button--secondary:after{background-color:var(--html-blue);content:"";display:block;height:1px;transform:scaleX(1);transform-origin:0 50%;transition:var(--app-button-duration) transform ease-in-out;width:100%}.app-button--secondary.app-button--active:after,.app-button--secondary.app-button--hover:after,.app-button--secondary:active:after,.app-button--secondary:focus:after,.app-button--secondary:hover:after{transform:scaleX(0);transform-origin:100% 50%}@media (prefers-reduced-motion:reduce){.app-button--secondary:after{transition:none}}.app-button--secondary--active,.app-button--secondary:active{color:var(--active-blue)}.app-button--secondary:disabled,.app-button--secondary[disabled]{color:var(--very-dim);pointer-events:none}.app-button--yellow{background-color:var(--brand-yellow);color:var(--html-blue)}.app-button--yellow--active,.app-button--yellow:active{background-color:var(--active-yellow)}.app-button__svg{vertical-align:middle;fill:var(--html-blue)}.app-button--secondary:disabled .app-button__svg,.app-button--secondary[disabled] .app-button__svg{fill:var(--very-dim)}@media (min-width:720px){.app-button--primary{width:auto}}