.hero-actions .link { display: inline-flex; align-items: center; min-height: 48px; }
.support-float { position: fixed; z-index: 80; right: max(18px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 16px; border: 1px solid #60dbef; border-radius: 999px; background: linear-gradient(110deg, #123759, #28458b); box-shadow: 0 12px 34px rgba(0, 0, 0, .38), 0 0 22px rgba(67, 217, 239, .18); color: #eefbff; font-size: 14px; font-weight: 800; line-height: 1.2; white-space: nowrap; text-decoration: none; cursor: grab; user-select: none; touch-action: none; }
.support-float:hover { background: linear-gradient(110deg, #19517c, #3655a1); color: #fff; }
.support-float:active { cursor: grabbing; }
.support-float:focus-visible { outline: 3px solid #69dff0; outline-offset: 4px; }
.support-float svg { width: 19px; height: 19px; flex: 0 0 auto; }
.support-float span:last-child { font-size: 17px; font-weight: 500; }
@media (max-width: 600px) { .support-float { right: max(12px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); min-height: 46px; padding: 0 13px; font-size: 12px; } .support-float svg { width: 18px; height: 18px; } }