.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn .btn-icon{justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.btn .btn-icon img{object-fit:contain;width:100%;height:100%}.btn .btn-text{text-wrap:nowrap;font-weight:900;display:inline}.btn.btn-with-icon{gap:.75rem}.btn.btn-icon-left{flex-direction:row}.btn.btn-icon-right{flex-direction:row-reverse}.btn.btn-primary{background-color:var(--color-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn.btn-outline{color:inherit;background-color:#0000;border:1px solid}.btn.btn-outline:hover:not(:disabled){background-color:#0000000d}.btn.btn-text{color:inherit;background-color:#0000;border:none}.btn.btn-text:hover:not(:disabled){background-color:#0000000d}.btn.btn-danger{background-color:var(--color-error);color:#fff}.btn.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark)}.btn.btn-success{background-color:var(--color-success);color:#fff}.btn.btn-success:hover:not(:disabled){background-color:var(--color-success-dark)}.btn.btn-warning{background-color:var(--color-warning);color:#fff}.btn.btn-warning:hover:not(:disabled){background-color:var(--color-warning-dark)}.btn.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn.btn-radius-sm{border-radius:var(--border-radius-sm)}.btn.btn-radius-md{border-radius:var(--border-radius-md)}.btn.btn-radius-lg{border-radius:var(--border-radius-lg)}.btn.btn-radius-xl{border-radius:var(--border-radius-xl)}.btn.btn-radius-full{border-radius:var(--border-radius-full)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-full-width{justify-content:center;width:100%}