.cust-button { width: 100%; padding: 18px 0; font-size: 20px; background: #232867; color: white; border: none; border-radius: 15px; font-weight: 700; cursor: pointer; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 10px 30px rgba(35, 40, 103, 0.3); position: relative; overflow: hidden; text-transform: uppercase; letter-spacing: 1px; } .cust-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(135, 206, 250, 0.2), transparent); transition: left 0.6s ease; pointer-events: none; } .cust-button:hover::before { left: 100%; } .cust-button:hover { background: #232867; color: white; transform: translateY(-3px); box-shadow: 0 15px 40px rgba(135, 206, 250, 0.4); } .cust-button:active { transform: translateY(-1px); }