/* Auth container positioning */
.auth-container {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

/* Auth button styles */
.auth-button {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background-color: #2a2a2a;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s, transform 0.2s;
    font-family: Arial, sans-serif;
    border: 1px solid #444;
}

.auth-button:hover {
    background-color: #3a3a3a;
    transform: translateY(-2px);
}

.auth-button .user-icon {
    margin-right: 8px;
    font-size: 1.1em;
}

.profile-link {
    background-color: #00b4d8;
}

.profile-link:hover {
    background-color: #0096c7;
}

.login-link:hover {
    border-color: #00b4d8;
}