.gradient-btn{position:relative;border:none;border-radius:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px #667eea33;transform:translateY(0)}.gradient-btn:focus{outline:none;box-shadow:0 4px 15px #667eea66,0 0 0 3px #667eea1a}.gradient-btn:active{transform:translateY(1px)}.gradient-btn--small{padding:8px 16px;font-size:.875rem;min-height:36px}.gradient-btn--medium{padding:12px 24px;font-size:1rem;min-height:44px}.gradient-btn--large{padding:16px 32px;font-size:1.125rem;min-height:52px}.gradient-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.gradient-btn--secondary{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;box-shadow:0 4px 15px #c3cfe24d}.gradient-btn--success{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.gradient-btn--danger{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.gradient-btn--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.gradient-btn--loading{cursor:wait}.gradient-btn__text{display:inline-flex;align-items:center;justify-content:center}.gradient-btn__spinner{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:gradient-btn-spin 1s linear infinite}@keyframes gradient-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .6s,height .6s,top .6s,left .6s;transform:translate(-50%,-50%);z-index:0}.gradient-btn:active:before{width:300px;height:300px}.gradient-btn__text{position:relative;z-index:1}@media (max-width: 768px){.gradient-btn--large{padding:14px 28px;font-size:1rem;min-height:48px}.gradient-btn--medium{padding:10px 20px;font-size:.9rem;min-height:40px}.gradient-btn--small{padding:6px 12px;font-size:.8rem;min-height:32px}}