.team-members {
    display: grid;
    gap: var(--wp--preset--spacing--50);
    @media(min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media(min-width: 1024px) {
        grid-template-columns: repeat(3, 1fr);
    }
    @media(min-width: 1300px) {
        grid-template-columns: repeat(4, 1fr);
    }
    .img-link-wrapper.open-modal {
        display: flex;
        flex-direction: column;
        height: 100%;
        .member-info {
            display: flex;
            flex-direction: column;
            height: 100%;
            .wp-block-heading, 
            .wp-block-buttons,
            p {
                width: 100%;
            }
        }
    }
    .img-link-wrapper.open-modal:is(:hover, :focus) {
        text-decoration: none;
        box-shadow: var(--wp--custom--shadow--iii);
        .wp-block-button__link {
            background-color: var(--wp--preset--color--fc-green-400);
            color: var(--wp--preset--color--black) !important;
            border-color:  var(--wp--preset--color--fc-green-400);

        }
    }
    .team-member {
        margin-top: 0;
        box-shadow: var(--wp--custom--shadow--ii);
        border-radius: 1rem;
        .wp-block-image img {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            height: 460px;
            width: 100% !important;
        }
    }
    .wp-block-button.is-style-outline .wp-block-button__link {
        border-radius: 100px;
        background-color: var(--wp--preset--color--white);
        border: 1px solid var(--wp--preset--color--fc-green-800);
        color: var(--wp--preset--color--fc-green-800);
        padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
    }
    dialog.team-modal.active {
        padding: 0 !important;
        max-width: var(--wp--style--global--wide-size) !important;
        .wp-block-image img {
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            height: auto;
            max-height: 554px;
            width: 100%;
            @media(min-width: 768px) {
                max-width: 400px;
            }
        }
        .wp-block-columns {
            gap: var(--wp--preset--spacing--50);
            .wp-block-column {
                flex-basis: unset;
            }
        }
    }
}