.wsr-community-buttons { position: fixed; left: max(16px, env(safe-area-inset-left)); bottom: max(18px, env(safe-area-inset-bottom)); z-index: 999; display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 10px; }
.wsr-community-button { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 12px 17px; border: 1px solid rgba(224, 189, 97, .92); border-radius: 999px; background: linear-gradient(135deg, #100d08 0%, #392e18 100%); box-shadow: 0 10px 28px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(250, 248, 242, .1); color: #faf8f2; font-family: inherit; font-size: .9375rem; font-weight: 700; line-height: 1.2; text-decoration: none; transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease; }
.wsr-community-button:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(250, 248, 242, .2); color: #fff; }
.wsr-community-button--discord:hover { background: linear-gradient(135deg, #1c243d 0%, #5865f2 100%); }
.wsr-community-button--telegram:hover { background: linear-gradient(135deg, #14506d 0%, #229ed9 100%); }
.wsr-community-button--custom:hover { background: linear-gradient(135deg, #4a3d1d 0%, #9b7630 100%); }
.wsr-community-button:focus-visible { outline: 3px solid #2f6fed; outline-offset: 4px; }
.wsr-community-button__icon { width: 25px; height: 22px; flex: 0 0 auto; color: #e0bd61; }
.wsr-community-button:hover .wsr-community-button__icon { color: #fff; }
@media (max-width: 480px) { .wsr-community-buttons { left: max(12px, env(safe-area-inset-left)); bottom: max(12px, env(safe-area-inset-bottom)); } .wsr-community-button { min-height: 48px; padding: 10px 14px; font-size: .875rem; } }
@media (prefers-reduced-motion: reduce) { .wsr-community-button { transition: none; } }