/* Exact Match Login CSS */

/* Wrapper to limit the form width within the full-screen right side */

.forgot-password {
    display: block;
    color: var(--brand-red);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
    transition: color 0.3s;
}

.forgot-password:hover {
    color: var(--brand-red);
}

.auth-form-inner .social-btn img {
    width: 20px;
    height: 20px;
}

/* Alert Boxes */

.message-box.success {
    background: color-mix(in srgb, var(--success-color, #10b981) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--success-color, #10b981) 35%, transparent);
}