<(style> .leaderboard { width: 728px; height: 90px; background: linear-gradient(90deg, #ff6a00, #f9d423, #1e90ff); color: white; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border: 4px solid transparent; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35), inset 0 0 10px rgba(255, 255, 255, 0.1); background-size: 200% 200%; transition: all 0.5s ease; text-decoration: none; position: relative; overflow: hidden; } .leaderboard::before { content: ""; position: absolute; width: 300%; height: 300%; background: conic-gradient(from 0deg, #ff512f, #dd2476, #1e90ff, #ff512f); top: -100%; left: -100%; opacity: 0; transition: opacity 0.4s ease; z-index: 0; } .leaderboard:hover::before { opacity: 1; animation: rotate-gradient 3s linear infinite; } .leaderboard:hover { transform: scale(1.05); box-shadow: 0 0 25px rgba(255, 255, 255, 0.5); } @keyframes rotate-gradient { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .leaderboard .main-text { font-size: 26px; font-weight: 900; background: linear-gradient(to right, #007BFF, #00BFFF, #4facfe, #00f2fe); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); position: relative; z-index: 1; transition: transform 0.3s ease, letter-spacing 0.3s ease; } .leaderboard:hover .main-text { transform: scale(1.1); letter-spacing: 1px; } .leaderboard .ref-text { font-size: 14px; margin-top: 6px; color: black; opacity: 0.9; position: relative; z-index: 1; }

BITBAMA.com – Trade Smart, Earn More!

Ref: josechukkiri