.button {
display: block;
width: 60%; /* Button width set to 50% of its parent container */
padding: 5px 10px 20px 10px; /* top, right, bottom, left - adjusted for more space at the bottom */
margin: 0 auto; /* Centers the button horizontally */
background-color: rgb(41, 41, 41) !important; /* Darker gray background */
color: white !important; /* Ensures text color is white */
text-align: center;
text-decoration: none;
border-radius: 5px;
font-size: 16px; /* Larger font size for better readability */
}
.button:hover {
background-color: #A9A9A9 !important; /* Darker shade of gray for hover effect */
} |