@layer components {
    .marketing-testimonial {
            background: transparent;
            border: 1px solid var(--dashboard-color-border);
            border-radius: 0;
            display: grid;
            gap: 1rem;
            justify-items: start;
            margin: 0;
            padding: 1.25rem;
            text-align: left;
        }

    .marketing-testimonial blockquote {
            color: var(--dashboard-color-text-muted);
            font-size: 0.9375rem;
            font-weight: 500;
            line-height: 1.55;
            margin: 0;
            text-align: left;
            width: 100%;
        }

    .marketing-testimonial blockquote > :first-child {
            margin-top: 0;
        }

    .marketing-testimonial blockquote > :last-child {
            margin-bottom: 0;
        }

    .marketing-testimonial blockquote p + p {
            margin-top: 0.75rem;
        }

    .marketing-testimonial figcaption {
            color: var(--dashboard-color-text);
            font-size: 0.875rem;
            font-weight: 650;
            text-align: left;
            width: 100%;
        }

    .marketing-testimonial a,
        .marketing-section__action a,
        .marketing-contact a {
            color: var(--dashboard-color-brand);
            font-weight: 650;
            text-decoration: underline;
            text-underline-offset: 0.14em;
        }

    @media (min-width: 48rem) {
        .marketing-price-card,
                .marketing-section__action {
                    padding-left: var(--dashboard-section-padding-x-lg);
                    padding-right: var(--dashboard-section-padding-x-lg);
                }
    }
}