/*
 * Service column CTA pair (Call Now + Email us).
 * Markup pattern (paste inside Elementor Text Editor):
 *
 *   <div class="service-cta">
 *     <a class="view-more service-cta-btn" data-call-now="true">Call Now</a>
 *     <a class="view-more service-cta-btn" href="mailto:info@stevenglawgroup.com">Email us</a>
 *   </div>
 */

.service-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
    justify-content: center;
}

.service-cta .service-cta-btn {
    margin: 0 !important;
    padding: 12px 22px;
    font-size: 15px;
    line-height: 1.2;
    flex: 0 1 auto;
    white-space: nowrap;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 1366px) {
    .service-cta .service-cta-btn {
        padding: 10px 16px;
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .service-cta {
        gap: 10px;
    }

    .service-cta .service-cta-btn {
        padding: 9px 14px;
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .service-cta .service-cta-btn {
        padding: 9px 12px;
        font-size: 12px;
        flex: 1 1 0;
    }
}

@media (max-width: 600px) {
    .service-cta {
        gap: 8px;
    }

    .service-cta .service-cta-btn {
        padding: 10px 12px;
        font-size: 13px;
        flex: 1 1 100%;
    }
}