a.button, button.button {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    color: black;
    background-color: #FFDD15; /* Updated button color */
    border-radius: 5px;
    transition: background-color 0.3s ease;
    border: none; /* Reset border */
    font: inherit; /* Reset font */
    cursor: pointer; /* Reset cursor */
}

a.button:hover, button.button:hover {
    background-color: #E6C213; /* Updated hover color */
}

a.button::after, button.button::after {
    display: none; /* Hide the link icon */
}

.warning {
    background-color: #ff4d4d; /* Red background color */
}

.warning:hover {
    background-color: #cc0000; /* Darker red hover color */
}

.login-button {
    position: absolute;
    right: 16px;
    top: 16px;
}