/**
 * =============================================================================
 * Home Page Hero Section - Hosting Plan Calculator Styles
 * =============================================================================
 */

/* Active Button Styles */
.calc-btn.active-btn,
.calc-btn.active-btn .elementor-button {
    background: var(--e-global-color-aa534cb) !important;
    border-color: var(--e-global-color-12c3474) !important;
    border-radius: 12px;
}

.calc-btn.active-btn a {
    color: inherit !important;
}

/* We Recommend Tag */
.rec-tag {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.rec-tag.show-recommend {
    visibility: visible;
    opacity: 1;
}