blockquote.wp-block-quote {
    padding: var(--wp--preset--spacing--small);
    border-radius: 8px;
    position: relative;

    @media (width > 1200px) {
        padding-block: var(--wp--preset--spacing--regular);
        /* padding-inline: var(--wp--preset--spacing--large); */
    }

    p:first-child {
        font-size: var(--wp--preset--font-size--heading-four);

        &::before {
            content: open-quote;
            margin-inline-end: 0.2em;
        }

        &::after {
            content: close-quote;
            margin-inline-start: 0.2em;
        }
    }

    &.is-style-hightligh {
        background-color: var(--wp--preset--color--primary-navy-900);
        color: var(--wp--preset--color--white);

        p {
            font-weight: 700;
            position: relative;
            padding-inline: 7em;
            --offset: -3rem;

            @media (width > 1200px) {
                --offset: -5rem;
            }

            @media (width > 720px) {
                &::before,
                &::after {
                    position: absolute;
                    font-family: "classvr_v3_icons";
                    content: "\e005";
                    font-size: 6em;
                    display: block;
                    opacity: 0.4;
                }

                &::before {
                    left: 0;
                    top: var(--offset);
                }

                &::after {
                    transform: scale(-1, -1);
                    right: 0;
                    bottom: var(--offset);
                }
            }

            @media (width < 720px) {
                padding: 0;
            }
        }
    }

    &.is-style-pullout {
        border: solid 1px var(--wp--preset--color--primary-orange-900);

        p {
            font-style: italic;
        }
    }
}