.casestudy{
    --border-radius: 3rem;

    transition: var(--wp--custom--main-trans);
    border-radius: var(--border-radius);
    border: var(--wp--custom--main-border);
    border-color: var(--wp--preset--color--text);

    figure{
        img{
            aspect-ratio: 16 / 9;
            object-fit: cover;
            object-position: center center;
            width: 100%;
            height: auto;
            border-top-left-radius: var(--border-radius);
            border-top-right-radius: var(--border-radius);
        }
    }

    .content{
        padding: 0 calc(var(--wp--preset--spacing--mainpadding) / var(--wp--custom--div-three)) calc(var(--wp--preset--spacing--mainpadding) / var(--wp--custom--div-three));

        span{
            color: var(--wp--preset--color--ci-green);
            font-size: 1rem;
            font-weight: 700;
        }

        h3{
            font-size: var(--wp--preset--font-size--3-dvw);
            font-weight: 900;
            color: var(--wp--preset--color--accent);
            margin: .25rem 0 0 0;
        }

        h4{
             font-size: var(--wp--preset--font-size--mediumlarge);
             color: var(--wp--preset--color--text);
             margin: 0 0 2rem;
        }

        p{
            margin-bottom: 2rem;
            color: var(--wp--preset--color--text);
        }

        .link{
            border-top: var(--wp--custom--main-border);
            border-color: var(--wp--preset--color--accent);
            display: flex;
            justify-content: space-between;
            width: 100%;
            padding: .5rem;

            b{
                font-weight: normal;
            }
        }
    }


     &:hover{
        box-shadow: var(--wp--custom--box-shadow);
        border-color: var(--wp--preset--color--ci-yellow);
     }


}