TONTON SEKARANG → .top-banner-wrapper{ width:100%; display:flex; justify-content:center; margin-bottom:14px; } .telegram-box{ width:100%; max-width:480px; background:linear-gradient(180deg,#08152f,#020814); border:2px solid #0a6cff; border-radius:22px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; box-shadow: 0 0 15px rgba(0,140,255,.5), inset 0 0 12px rgba(0,140,255,.25); } .left-area{ display:flex; align-items:center; gap:14px; } .telegram-icon{ width:58px; height:58px; border-radius:50%; background:linear-gradient(145deg,#2caeff,#0077ff); display:flex; align-items:center; justify-content:center; box-shadow:0 0 12px rgba(0,153,255,.7); } .text-area h2{ margin:0; color:#fff; font-size:22px; font-weight:800; line-height:1.1; } .text-area p{ margin-top:5px; color:#ffd500; font-size:14px; line-height:1.2; } .join-btn{ background:linear-gradient(90deg,#1da1ff,#39b8ff); color:#fff; text-decoration:none; padding:14px 22px; border-radius:40px; font-size:16px; font-weight:700; box-shadow:0 0 15px rgba(0,153,255,.5); } @media(max-width:768px){ .telegram-box{ padding:12px; gap:10px; } .telegram-icon{ width:48px; height:48px; } .text-area h2{ font-size:15px; } .text-area p{ font-size:10px; } .join-btn{ padding:10px 14px; font-size:11px; } }