.watch-now-btn { position: relative; display: block; width: 100%; box-sizing: border-box; padding: 14px 34px; background: #D4AF37; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 1.2px; border: 2px solid #D4AF37; border-radius: 6px; overflow: hidden; transition: all 0.3s ease; } .watch-now-btn::before { content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.5), transparent ); transform: skewX(-20deg); transition: left 0.6s ease; } .watch-now-btn:hover::before { left: 150%; } .watch-now-btn:hover { background: #000000; color: #D4AF37; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(212,175,55,0.35); } .watch-now-btn:active { transform: translateY(-1px); } WATCH NOW
