<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form Example</title>
<style>
/* Style for hover effect */
.hover-button:hover {
background-color: #3399FF;
}
</style>
</head>
<body>
<h1>Form Example</h1>
<form>
<label>
<input type="radio" name="option" value="option1"> Option 1
</label><br>
<label>
<input type="radio" name="option" value="option2"> Option 2
</label><br>
<label>
<input type="radio" name="option" value="option3"> Option 3
</label><br>
<label>
<input type="radio" name="option" value="option4"> Option 4
</label><br>
<label>
<input type="radio" name="option" value="option5"> Option 5
</label><br><br>
<button class="hover-button"><a href="https://www.example.com">Button 1</a></button>
<button class="hover-button"><a href="https://www.example.com">Button 2</a></button>
<button class="hover-button"><a href="https://www.example.com">Button 3</a></button>
</form>
</body>
</html>