.tab-promos{ position: relative; border-color: rgba(255, 149, 0, 0.55); background: linear-gradient(45deg, rgba(255,149,0,0.18), rgba(138,43,226,0.16)); box-shadow: 0 0 18px rgba(255,149,0,0.18); } .tab-promos::after{ content: "CONTESTS"; position: absolute; top: -8px; right: -6px; font-size: 9px; font-weight: 900; letter-spacing: 0.6px; padding: 3px 6px; border-radius: 999px; border: 1px solid rgba(255,149,0,0.65); background: rgba(10,10,31,0.85); color: #ffb14d; box-shadow: 0 0 14px rgba(255,149,0,0.22); } .tab-promos:hover{ border-color: rgba(255,149,0,0.85); box-shadow: 0 10px 26px rgba(0,0,0,0.25), 0 0 24px rgba(255,149,0,0.22); } .tab-promos.active{ background: linear-gradient(45deg, rgba(255,149,0,0.30), rgba(0,255,136,0.18)); border-color: rgba(255,149,0,0.90); box-shadow: 0 0 22px rgba(255,149,0,0.24); } @keyframes promosPulse{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-1px); } } .tab-promos{ animation: promosPulse 1.8s ease-in-out infinite; } .shell-logo-right img{ width:34px; height:34px; border-radius:50%; box-shadow:0 0 12px rgba(0,255,136,.35); } .shell-logo-left img{ width:34px; height:34px; border-radius:50%; box-shadow:0 0 12px rgba(0,255,136,.35); }