.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon svg,.btn-icon img{width:16px;height:16px}.btn-primary .btn-icon img,.btn-secondary .btn-icon img{filter:brightness(0)invert()}.btn-outline .btn-icon img{filter:brightness(0)saturate()invert(40%)sepia(5%)saturate(1000%)hue-rotate(180deg)brightness(.9)contrast(.9)}.btn-ghost .btn-icon img{filter:brightness(0)saturate()}.btn-outline:hover:not(:disabled) .btn-icon img,.btn-ghost:hover:not(:disabled) .btn-icon img{filter:brightness(0)invert()}.btn-small{padding:.5rem 1rem;font-size:.8125rem;line-height:1.5}.btn-medium{padding:.625rem 1.25rem;font-size:.875rem;line-height:1.5}.btn-large{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.5}.btn-small .btn-icon svg,.btn-small .btn-icon img{width:14px;height:14px}.btn-large .btn-icon svg,.btn-large .btn-icon img{width:18px;height:18px}.btn-primary{color:#fff;background:linear-gradient(130deg,#00bacd 0%,#2995c8 100%)}.btn-primary:hover:not(:disabled){background:linear-gradient(130deg,#0099a8 0%,#2380b0 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00bacd4d}.btn-primary:active:not(:disabled){background:linear-gradient(130deg,#008896 0%,#1e6b98 100%);transform:translateY(0);box-shadow:0 2px 6px #00bacd33}.btn-primary:focus{box-shadow:0 0 0 3px #00bacd33}.btn-secondary{color:#fff;background:linear-gradient(130deg,#00bacd 0%,#2995c8 100%)}.btn-secondary:hover:not(:disabled){background:linear-gradient(130deg,#0099a8 0%,#2380b0 100%)}.btn-secondary:active:not(:disabled){background:linear-gradient(130deg,#008896 0%,#1e6b98 100%)}.btn-outline{color:#2c3e50;background-color:#0000;border:1px solid #e0e0e0}.btn-outline:hover:not(:disabled){color:#2c3e50;background:#f8f9fa;border-color:#bdbdbd}.btn-outline:active:not(:disabled){color:#2c3e50;background:#e9ecef;border-color:#5a6c7d}.btn-outline:focus{border-color:#9ca3af;box-shadow:0 0 0 4px #9ca3af26}.btn-ghost{color:#2c3e50;background-color:#0000}.btn-ghost:hover:not(:disabled){color:#fff;background:linear-gradient(130deg,#00bacd 0%,#2995c8 100%)}.btn-ghost:active:not(:disabled){color:#fff;background:linear-gradient(130deg,#0099a8 0%,#2380b0 100%)}.btn-full-width{width:100%}@media (max-width:768px){.btn-large{padding:.75rem 1.25rem;font-size:.9375rem}.btn-medium{padding:.5625rem 1rem;font-size:.8125rem}.btn-small{padding:.4375rem .875rem;font-size:.75rem}}@media (max-width:480px){.btn-large{padding:.625rem 1rem;font-size:.875rem}.btn-medium{padding:.5rem .875rem;font-size:.75rem}.btn-small{padding:.375rem .75rem;font-size:.6875rem}.btn-icon svg{width:14px;height:14px}.btn-large .btn-icon svg{width:16px;height:16px}}