<a href="https://example.com/preorder-iphone17" class="preorder-btn">Pre-order iPhone 17 </a><style>.preorder-btn { display: inline-block; padding: 15px 30px; background: linear-gradient(90deg, #ff2d55, #ff7a00); color: #fff; font-size: 18px; font-weight: 600; text-decoration: none; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: all 0.3s ease; } .preorder-btn:hover { background: linear-gradient(90deg, #ff7a00, #ff2d55); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.3); } </style>