.coming-soon-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-lg);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--radius);
    font-size: 1rem;
    font-weight: 500;
    cursor: not-allowed;
    opacity: 0.85;
}

.coming-soon-badge svg {
    opacity: 0.7;
}

/* Light mode - for badges on light backgrounds (CTA section) */
[data-theme="light"] .cta-section .coming-soon-badge {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.15);
}

/* Dark mode - keep subtle styling */
[data-theme="dark"] .coming-soon-badge {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.2);
}