.button{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;align-items:center;gap:.5rem;font-family:inherit;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.button__text{display:inline-block}.button__icon{justify-content:center;align-items:center;transition:transform .3s;display:inline-flex}.button--primary{background-color:var(--color-primary);color:#fff;padding:var(--button-padding-y)var(--button-padding-x);border:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.button--primary:hover{color:var(--color-primary);background-color:#fff}.button--primary:hover .button__icon{transform:translate(4px)}.button--primary:active{transform:scale(.98)}.button--secondary{color:var(--color-primary);padding:var(--button-padding-y-sm)var(--button-padding-x-sm);border:2px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-base);background-color:#0000}.button--secondary:hover{background-color:var(--color-primary);color:#fff}.button--secondary:hover .button__icon{transform:translate(4px)}.button--link{color:var(--color-primary);font-size:var(--font-size-base);background-color:#0000;border:none;padding:0}.button--link:hover{text-decoration:underline}.button--link:hover .button__icon{transform:translate(4px,-4px)}.button--link .button__icon{font-size:1rem}.button--full-width{justify-content:center;width:100%}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.button--primary{padding:var(--button-padding-y-sm)var(--button-padding-x);font-size:var(--font-size-sm)}.button--secondary{padding:var(--button-padding-y-sm)var(--button-padding-x-sm);font-size:var(--font-size-sm)}.button--link{font-size:var(--font-size-sm)}}