section.block-contact {
    border: none;
    padding: 3.75rem;
    background-color: var(--wp--preset--color--green);
}
.inner-contact{
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    gap: 0.75rem;
    max-width: var(--wp--custom--layout--content-size);
    margin-right: auto;
    margin-left: auto;
}
.inner-contact > div:nth-child(1){
    display: grid;
    align-items: center;
}
.contact-form{
    border: 1px solid var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--white);
    padding: 2.5rem;
}
.contact-form .wpcf7-submit{
    width: auto;
    background-color: var(--wp--preset--color--green);
    border-color: var(--wp--preset--color--green-dark);
    color: var(--wp--preset--color--black);
}
.contact-form .wpcf7-submit[type=submit]:hover{
    filter: brightness(1);
    background-color: var(--wp--preset--color--green-dark);
}
.block-contact h1 > span::after,
.block-contact .h1 > span::after,
.block-contact h2 > span::after,
.block-contact .h2 > span::after,
.block-contact h3 > span::after,
.block-contact .h3 > span::after,
.block-contact h4 > span::after,
.block-contact .h4 > span::after,
.block-contact .h5 > span::after,
.block-contact h5 > span::after,
.block-contact .underlined::after{
    background-color: var(--wp--preset--color--white);
}

@media only screen and (max-width : 970px) {
    section.block-contact {
        padding: 10px;
        background-color: transparent;
    }
    .inner-contact{
        grid-template-columns: repeat(1, minmax(auto, 1fr));
        gap: 0.75rem;
    }
    .contact-form{
        padding: 1.25rem;
    }
    .inner-contact > div:nth-child(1){
        background-color: var(--wp--preset--color--green);
        padding: 1.25rem;
        border: 1px solid var(--wp--preset--color--black);
    }
    .contact-form .wpcf7-submit{
        width: 100%;
    }
}