button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:15px;width:fit-content;height:38px;min-height:38px;max-height:42px;padding:0 20px;font-family:Manrope SemiBold,sans-serif;font-size:16px;transition:border .1s,border-color .1s,background-color .1s;display:flex;overflow:hidden}button:disabled{cursor:not-allowed;opacity:.65}button:has(span){gap:5px;padding:0 12px}button span{justify-content:center;align-items:center;display:flex}button span svg{max-height:20px}button.button-default{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-text-primary)}button.button-default:not(:disabled):hover{background:var(--color-accent-60);border:1px solid var(--color-accent-60)}button.button-outline{background:var(--color-surface-interactive-20);border:1px solid var(--color-border);color:var(--color-text-primary)}button.button-outline:not(:disabled):hover{background:var(--color-surface-interactive-40)}button.button-red-outline{background:var(--color-error-20);border:1px solid var(--color-error);color:var(--color-text-primary)}button.button-red-outline:not(:disabled):hover{background:var(--color-error-40)}@media (max-width:768px){button{height:42px}}