.layout-academy .button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:.625rem;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:2.5625rem;padding:.6875rem 1rem;border:1px solid var(--color-black);border-radius:2.5rem;background:rgba(0,0,0,0);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:.875rem;line-height:1.125rem;color:var(--color-black);white-space:nowrap;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}.layout-academy .button svg{display:block;flex-shrink:0;width:1.125rem;height:1.125rem;fill:currentColor}.layout-academy .button--muted{border-color:var(--color-gray)}.layout-academy .button--filled{border:0;background:var(--color-surface);color:var(--color-ink)}.layout-academy .button--accent{border:0;background:var(--color-accent);color:var(--color-white)}.layout-academy .button--block{width:100%;height:3.5rem}.layout-academy .button:disabled{cursor:default;opacity:.6}.layout-academy .button--large{width:100%;height:3.5rem;padding:.625rem;font-size:1rem;line-height:1.5rem}@media(min-width:768px){.layout-academy .button--large{height:4rem}}.layout-academy .button--active,.layout-academy .button:not(:disabled):hover{opacity:1;border-color:var(--color-black);background:var(--color-black);color:var(--color-white)}@keyframes academy-spin{to{transform:rotate(1turn)}}.layout-academy .button{--button-spinner:var(--color-black)}.layout-academy .button--accent,.layout-academy .button--active{--button-spinner:var(--color-white)}.layout-academy .button.button--loading{position:relative;color:rgba(0,0,0,0);pointer-events:none}.layout-academy .button.button--loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border:2px solid var(--button-spinner);border-right:2px solid rgba(0,0,0,0);border-radius:50%;animation:academy-spin .8s linear infinite}