.spotlight-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.spotlight-btn .spotlight-icon,
.spotlight-btn .spotlight-spinner {
    display: inline-flex;
    align-items: center;
}

.spotlight-btn.spotlight-active {
    box-shadow: 0 0 0 0.15rem rgba(255, 193, 7, 0.35);
}

.spotlight-btn:disabled {
    cursor: not-allowed;
    opacity: 0.85;
}

.spotlight-btn .spotlight-spinner {
    width: 1rem;
    height: 1rem;
}

/* Locked state: shown to non-donors, links out to the donate page */
.spotlight-btn.spotlight-locked {
    opacity: 0.85;
}

.spotlight-btn.spotlight-locked:hover {
    opacity: 1;
}