/* Referral & poster modals */
#referral-center-modal .modal-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--app-close-btn-bg, rgba(255, 255, 255, 0.10));
    color: var(--app-close-btn-color, #FFFFFF);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--close-btn-transition, var(--transition-normal, 0.2s ease));
}

#referral-center-modal .modal-close:hover {
    background: var(--app-close-btn-bg-hover, rgba(255, 255, 255, 0.18));
    color: var(--app-close-btn-color, #FFFFFF);
    transform: var(--close-btn-hover-transform, rotate(90deg));
}

#poster-preview-modal .modal-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--app-close-btn-bg, rgba(255, 255, 255, 0.10));
    color: var(--app-close-btn-color, #FFFFFF);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: var(--close-btn-transition, var(--transition-normal, 0.2s ease));
}

#poster-preview-modal .modal-close:hover {
    background: var(--app-close-btn-bg-hover, rgba(255, 255, 255, 0.18));
    color: var(--app-close-btn-color, #FFFFFF);
    transform: var(--close-btn-hover-transform, rotate(90deg));
}