.wtb-post-banner-audit{
    background-color: #2b4169;
    border: 3px solid #2b4169;
    border-radius: 15px;
    padding: 1rem;
    margin: 1rem;


    .wtb-audit-cta-wrapper {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        align-items: center;
    }

    .wtb-audit-cta-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .wtb-audit-cta-title {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.3;
        color: #ffffff;
        margin: 0;
    }

    .wtb-audit-cta-text {
        font-size: 1rem;
        line-height: 1.8;
        color: #ffffff;
    }

    .wtb-audit-cta-text p {
        margin: 0 0 8px 0;
    }

    .wtb-audit-cta-text p:last-child {
        margin-bottom: 0;
    }

    .wtb-audit-cta-button-wrapper {
        margin-top: 8px;
    }

    .wtb-audit-cta-button {
        display: inline-block;
        padding: 14px 28px;
        background-color: #FFFFFF;
        color: #1A1A1A;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 8px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .wtb-audit-cta-button:hover {
        background-color: #36aaff;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

    .wtb-audit-cta-image {
        position: relative;
    }

    .wtb-audit-cta-image img {
        width: 100%;
        height: auto;
        border-radius: 15px;
        display: block;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

}


/* Responsive */
@media (max-width: 1024px) {
    .wtb-post-banner-audit{
        .wtb-audit-cta {
            padding: 32px;
        }
        
        .wtb-audit-cta-wrapper {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        
        .wtb-audit-cta-title {
            font-size: 24px;
        }

        .wtb-audit-cta-image img {
            display: none;
        }
    }
}

@media (max-width: 768px) {
    .wtb-post-banner-audit{
        .wtb-audit-cta {
            padding: 24px;
        }

        .wtb-audit-cta-wrapper {
            grid-template-columns: 1fr;
            gap: 20px;
        }

        .wtb-audit-cta-title {
            font-size: 22px;
        }

        .wtb-audit-cta-text {
            font-size: 15px;
        }

        .wtb-audit-cta-image {
            order: -1; /* Image on top on mobile */
        }
    }
}