.testimonial{

    --spacing: 3rem;

    max-width:500px;

    blockquote{
        padding: var(--spacing);
        border-radius: var(--spacing);
        border: var(--wp--custom--main-border);
        background-color: var(--wp--preset--color--mid);
        margin: 0;
        color: var(--wp--preset--color--accent);
        transition: var(--wp--custom--main-trans);
    }

    .testimonial-person{
        display:flex;
        align-items:center;
        flex-wrap: wrap;
        gap:1rem;
        font-size: 1rem;
        padding: 1rem 0;

        b{
            display: block;
        }

        figure{
            margin: 0;

             img{
                width:5rem;
                height:auto;
                border-radius:50%;
                object-fit:cover;
                aspect-ratio: 1 / 1;
                box-shadow: var(--wp--custom--box-shadow);
            }
        }
    }

    &:hover{
        blockquote{
            border-color: var(--wp--preset--color--ci-yellow);
            box-shadow: var(--wp--custom--box-shadow);
            transform: translateY(-.25rem);
        }
    }

   
}