.action-button{--button-text-color:var(--color-white);--button-background-color:var(--color-primary);--button-hover-background-color:var(--color-black);background-color:var(--button-background-color);min-height:2.75rem;color:var(--button-text-color);font-family:var(--font-main);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:.5rem;justify-content:center;align-items:center;gap:.625rem;padding:.5rem 1rem;font-size:1rem;font-weight:600;line-height:1.25;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.action-button:hover:not(:disabled){background-color:var(--button-hover-background-color)}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}.action-button:disabled{opacity:.65;cursor:not-allowed}.action-button--small{min-height:2.25rem;padding:.5rem .875rem;font-size:.875rem}.action-button--medium{font-size:1rem}.action-button--large{min-height:3.25rem;padding:.875rem 1.5rem;font-size:1.125rem}.action-button--full-width{width:100%}.action-button__label{justify-content:center;align-items:center;min-width:50px;font-size:.9rem;display:inline-flex}.action-button__icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.action-button__icon>svg{width:100%;height:100%}.action-button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite action-button-spin}@keyframes action-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.action-button{transition:none}.action-button__spinner{animation:none}}@media (width<=480px){.action-button{min-height:2.75rem;padding-inline:1rem}.action-button--large{font-size:1rem}}