/* OAuth Button Styles */
ul {
    list-style-type: none; /* Remove bullets */
    padding: 0;
    margin: 0;
}

ul li {
    margin-bottom: 8px; /* Add spacing between buttons */
}

ul li a.oauth-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    background-color: var(–button-bg-color);
    color: var(–button-text-color);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}

ul li a.oauth-button:hover {
    background-color: var(–button-bg-hover-color);
    color: var(–button-text-color);
}

ul li a.oauth-button i {
    margin-right: 8px; 
}

.main-container {
    max-width: 600px; 
    margin: 0 auto; 
}

ul li a.oauth-button {
    width: 100%;
}