.shbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:none;outline:none}.shbtn *,.shbtn *::before,.shbtn *::after{box-sizing:border-box}.shbtn-icon{width:16px;height:16px;flex-shrink:0;transition:transform 0.2s ease}.shbtn:hover .shbtn-icon{transform:translate(2px,-2px)}.shbtn-primary{background:linear-gradient(135deg,#011447 0%,#010d2e 100%);color:#fff;box-shadow:0 2px 8px rgba(1,20,71,.3)}.shbtn-primary:hover{background:linear-gradient(135deg,#021b5c 0%,#011447 100%);box-shadow:0 4px 12px rgba(1,20,71,.4);transform:translateY(-1px);color:#fff}.shbtn-primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(1,20,71,.3)}.shbtn-secondary{background:#fff;color:#011447;border:2px solid #011447;padding:10px 22px}.shbtn-secondary:hover{background:#f0f4ff;color:#010d2e;border-color:#010d2e}.shbtn-minimal{background:#f0f4ff;color:#011447;padding:10px 20px}.shbtn-minimal:hover{background:#e0e8ff;color:#010d2e}.shbtn-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.shbtn-green:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 12px rgba(16,185,129,.4);transform:translateY(-1px);color:#fff}.shbtn-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.shbtn-blue:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-1px);color:#fff}.shbtn-full{width:100%}.shbtn-lg{padding:14px 28px;font-size:15px;border-radius:10px}.shbtn-lg .shbtn-icon{width:18px;height:18px}.shbtn-sm{padding:8px 16px;font-size:12px;border-radius:6px}.shbtn-sm .shbtn-icon{width:14px;height:14px}@media (max-width:480px){.shbtn{padding:10px 20px;font-size:13px}.shbtn-icon{width:14px;height:14px}}.shbtn:focus-visible{outline:2px solid #011447;outline-offset:2px}@media (prefers-reduced-motion:reduce){.shbtn,.shbtn-icon{transition:none}.shbtn:hover{transform:none}.shbtn:hover .shbtn-icon{transform:none}}