.button{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.button:focus{ring:2px solid var(--primary);ring-offset:2px;outline:none}.button--sm{padding:.375rem .75rem;font-size:.875rem}.button--md{padding:.625rem 1.25rem;font-size:1rem}.button--lg{padding:.75rem 1.75rem;font-size:1.125rem}.button--primary{background-color:var(--primary);color:#fff}.button--primary:hover{background-color:#3d614ee6}.button--secondary{border:2px solid var(--primary-soft);color:var(--foreground);background-color:#fff}.button--secondary:hover{border-color:var(--primary)}.button--outline{border:2px solid var(--primary-soft);color:var(--foreground);background-color:#0000}.button--outline:hover{border-color:var(--primary)}.button--ghost{color:var(--foreground);background-color:#0000}.button--ghost:hover{color:var(--primary);background-color:#c8ddd480}.button--white{color:var(--primary);background-color:#fff}.button--white:hover{background-color:#ffffffe6}.button--white-outline{color:#fff;background-color:#0000;border:2px solid #fff}.button--white-outline:hover{background-color:#ffffff1a}.button--full-width{width:100%}.button--glow{box-shadow:0 10px 15px -3px #3d614e4d}.button--glow:hover{box-shadow:0 20px 25px -5px #3d614e66}