.custom-api-buttons .button {
    padding: 3px 10px;
    border-radius: 0.25rem;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8125rem !important;
    transition: background-color 0.3s;
    color: var(--text-color, white); /* Default text color */
}

.custom-api-buttons .button.register {
    background-color: #183059;
    --text-color: white; /* Text color for register button */
}

.custom-api-buttons .button.login {
    background-color: #276FBF;
    --text-color: white; /* Text color for login button */
}

.custom-api-buttons .button:hover {
    opacity: 0.9;
}