.team-members {
    display: grid;
    gap: 49px;
    @media(min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media(min-width: 1024px) {
        grid-template-columns: repeat(4, 1fr);
    }
    .team-member {
        margin-top: 0;
        .open-modal {
            color: var(--wp--preset--color--grey-950);
        }
        .member-info {
            background-color: var(--wp--preset--color--grey-50);
            transition: background-color 0.5s ease; 
            margin-top: 0;
            padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            p {
                margin-top: 0.6875rem;
                margin-bottom: var(--wp--preset--spacing--40);
                
            }
            .wp-block-heading,
            .wp-block-buttons,
            p {
                max-width: 100%;
                width: 100%;
            }
            .wp-block-buttons {
                margin-top: auto;
            }
        }
        .wp-block-button__link {
            border-bottom: unset;
            margin-top: auto;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
        .close-modal {
            height: 0;
        }
        .close-modal {
            position: absolute;
            right: var(--wp--preset--spacing--20);
            top: var(--wp--preset--spacing--20);
            
            svg {
                width: 18px;
                height: 24px;
                fill: var(--wp--preset--color--blue-900);
                cursor: pointer;
            }
            
        }
        .open-modal {
            display: flex;
            flex-direction: column;
            height: 100%;
            .wp-block-image {
                margin-bottom: 0;
                img {
                    width: 100%;
                    height: 332px;
                }
            }
            .wp-block-button {
                cursor: default;
            }
            
        }
        .open-modal:is(:hover, :focus) {
            .member-info {
                background-color: var(--wp--preset--color--grey-200);
                .wp-block-heading {
                    color: var(--wp--preset--color--grey-950);
                }
                .wp-block-button__link::after {
                    transform: translateY(50%) translateX(100%);
                    opacity: 1;
                }
            }
            
        }
        .team-modal {
            .wp-block-columns {
                gap: var(--wp--preset--spacing--50);
            }
            .title {
                color: var(--wp--preset--color--grey-600);
                font-size: var(--wp--preset--font-size--medium) !important;
            }
            p {
                margin-top: var(--wp--preset--spacing--20);
                margin-bottom: var(--wp--preset--spacing--30);
            }
            .biography p {
                font-size: var(--wp--preset--font-size--medium);
            }
            .modal-img img {
                width: 400px;
                height: 600px;
            }
        }
    }
}