.button,.btn,button:not(.unstyled){position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 2rem;border:none;border-radius:.5rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;overflow:hidden}.button:not(.button--secondary):not(.button--tertiary),.btn-primary{background:linear-gradient(135deg,rgb(var(--color-button)),rgba(var(--color-button),.9));color:rgb(var(--color-button-label));box-shadow:0 4px 14px rgba(var(--color-button),.25)}.button:not(.button--secondary):not(.button--tertiary):hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-button),.35);background:linear-gradient(135deg,rgba(var(--color-button),.95),rgba(var(--color-button),.85))}.button:not(.button--secondary):not(.button--tertiary):active,.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--color-button),.3);transition-duration:.1s}.button--secondary,.btn-secondary{background:transparent;color:rgb(var(--color-button));border:2px solid rgb(var(--color-button));box-shadow:0 2px 8px rgba(var(--color-button),.1)}.button--secondary:hover,.btn-secondary:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-label));transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-button),.25)}.button--secondary:active,.btn-secondary:active{transform:translateY(0);transition-duration:.1s}.button--tertiary,.btn-tertiary{background:transparent;color:rgb(var(--color-button));border:none;box-shadow:none;padding:.5rem 1rem}.button--tertiary:hover,.btn-tertiary:hover{background:rgba(var(--color-button),.1);transform:none}.button--small,.btn-sm{min-height:2.25rem;padding:.5rem 1.5rem;font-size:.75rem}.button--large,.btn-lg{min-height:3.5rem;padding:1rem 2.5rem;font-size:1rem}.button--xl,.btn-xl{min-height:4rem;padding:1.25rem 3rem;font-size:1.125rem}.button:disabled,.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.button.loading,.btn.loading{pointer-events:none;position:relative;color:transparent}.button.loading:after,.btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:button-loading .6s linear infinite}@keyframes button-loading{to{transform:rotate(360deg)}}.button:focus-visible,.btn:focus-visible{outline:2px solid rgba(var(--color-button),.5);outline-offset:2px}.button-group{display:inline-flex;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.button-group .button,.button-group .btn{border-radius:0;margin:0;border-right:1px solid rgba(255,255,255,.2)}.button-group .button:first-child,.button-group .btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.button-group .button:last-child,.button-group .btn:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-right:none}.button--icon,.btn-icon{min-width:3rem;padding:.75rem}.button--icon.button--small,.btn-icon.btn-sm{min-width:2.25rem;padding:.5rem}.button--icon.button--large,.btn-icon.btn-lg{min-width:3.5rem;padding:1rem}.button--fab,.btn-fab{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;min-height:auto;padding:0;border-radius:50%;box-shadow:0 8px 25px rgba(var(--color-button),.3);z-index:100}.button--fab:hover,.btn-fab:hover{transform:scale(1.1);box-shadow:0 12px 40px rgba(var(--color-button),.4)}.button .icon,.btn .icon{width:1rem;height:1rem;margin-right:.5rem}.button .icon:last-child,.btn .icon:last-child{margin-right:0;margin-left:.5rem}.button--icon .icon,.btn-icon .icon{margin:0}.button--gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.button--gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.button--gradient-success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.button--gradient-warning{background:linear-gradient(135deg,#fdbb2d,#22c1c3)}.button--gradient-danger{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.button--glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:rgb(var(--color-foreground))}.button--glass:hover{background:#fff3;border-color:#ffffff4d}@media (max-width: 767px){.button,.btn{min-height:2.75rem;padding:.625rem 1.5rem;font-size:.875rem}.button--large,.btn-lg{min-height:3rem;padding:.75rem 2rem}.button--fab,.btn-fab{width:3rem;height:3rem;bottom:1rem;right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/modern-buttons.css.map */