.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.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,.btn .btn-icon svg{object-fit:contain;width:100%;height:100%;display:block}.btn.btn-icon-size-sm .btn-icon{width:25px;height:25px}.btn.btn-icon-size-md .btn-icon{width:36px;height:36px}.btn.btn-icon-size-lg .btn-icon{width:48px;height:48px}.btn .btn-text{text-wrap:nowrap;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 .btn-icon img{filter:brightness(0)invert()}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn.btn-white{color:var(--color-gray-800);border:1px solid var(--color-gray-300);background-color:#fff}.btn.btn-white:hover:not(:disabled){background-color:var(--color-gray-100)}.btn.btn-glass{color:var(--color-white);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff59;box-shadow:inset 0 1px #ffffff2e}.btn.btn-glass .btn-icon img,.btn.btn-glass .btn-icon svg{filter:brightness(0)invert()}.btn.btn-glass:hover:not(:disabled){background:#fff3;border-color:#ffffff8c}.btn.btn-glass-primary{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff8c}.btn.btn-glass-primary .btn-icon img,.btn.btn-glass-primary .btn-icon svg{filter:brightness(0)saturate()invert(32%)sepia(18%)saturate(1048%)hue-rotate(152deg)brightness(93%)contrast(89%)}.btn.btn-glass-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:color-mix(in srgb, var(--color-primary) 55%, transparent)}.btn.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn.btn-secondary .btn-icon img{filter:brightness(0)invert()}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn.btn-outline{color:var(--color-primary);border:1px solid var(--color-gray-300);background-color:#0000}.btn.btn-outline .btn-icon img{filter:brightness(0)saturate()invert(32%)sepia(18%)saturate(1048%)hue-rotate(152deg)brightness(93%)contrast(89%)}.btn.btn-outline:hover:not(:disabled){background-color:#0000000d}.btn.btn-outline-white{color:var(--color-primary);border:1px solid var(--color-gray-300);background-color:#fff}.btn.btn-outline-white .btn-icon img{filter:brightness(0)saturate()invert(32%)sepia(18%)saturate(1048%)hue-rotate(152deg)brightness(93%)contrast(89%)}.btn.btn-outline-white:hover:not(:disabled){background-color:var(--color-gray-100)}.btn.btn-text{color:var(--color-primary);background-color:#0000;border:none}.btn.btn-text:hover:not(:disabled){color:var(--color-primary-dark)}.btn.btn-danger{background-color:var(--color-error);color:#fff}.btn.btn-danger .btn-icon img{filter:brightness(0)invert()}.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 .btn-icon img{filter:brightness(0)invert()}.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 .btn-icon img{filter:brightness(0)invert()}.btn.btn-warning:hover:not(:disabled){background-color:var(--color-warning-dark)}.btn.btn-small{font-size:.875rem}.btn.btn-medium{font-size:1rem}.btn.btn-large{font-size:1.125rem}.btn.btn-padding-sm{padding:.5rem 1rem}.btn.btn-padding-md{padding:.75rem 1.5rem}.btn.btn-padding-lg{padding:1rem 2rem}.btn.btn-padding-xl{padding:1.25rem 2.5rem}.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%}
