.custom-btn{
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.custom-btn:hover {
    background-color: color-mix(in srgb, var(--accent-color), transparent 25%) !important;
}

.google-auth-btn {
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    color: #222;
    font-weight: 500;
    font-size: 1.08em;
    box-shadow: 0 2px 8px rgba(60,64,67,0.04);
    padding: 0.7em 0;
    transition: box-shadow 0.18s, border-color 0.18s, background 0.18s;
    gap: 0.5em;
}
.google-auth-btn:hover, .google-auth-btn:focus {
    border-color: #4285f4;
    background: #f5faff;
    box-shadow: 0 4px 16px rgba(66,133,244,0.10);
    color: #174ea6;
    text-decoration: none;
}
.google-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    font-size: 1.2em;
    box-shadow: 0 1px 2px rgba(60,64,67,0.08);
}
.google-btn-text {
    display: inline-block;
    vertical-align: middle;
}