.contact-banner {
    padding-bottom: 40px;

    .contact-banner__container {
        padding: 24px;
        padding-top: 40px;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;

        & > div:first-child {
            width: 100%;
            align-items: flex-start;
            gap: 16px;

            figure {
               min-width: 14px;
               height: 14px;

               img {
                width: 100%;
                height: auto;
               }
            }  

        }

        p {
            margin: 0;
            padding-left: 30px;
        }
    
        .wp-block-buttons {
            gap: 16px;
            padding-top: 24px;
        }

        .decode {
            cursor: pointer;

            mark {
                border-bottom: 1px solid transparent;
                transition: all .4s ease-in-out;

            }

            mark:hover {
                border-color: white;
            }
        }
    }
}

.contact-banner--green {
    .wp-block-button {
        a:hover {
            background-color: #1b2b27 !important;
            color: white !important;
        }
    }
}

@media only screen and (min-width: 768px) {
    .contact-banner {
    
        .contact-banner__container {
            padding: 64px 32px 48px;
    
            & > div:first-child {
                figure {
                    position: relative;
                    top: -14px;
                }
            }

            .wp-block-buttons {
                padding-left: 30px;
            }
        }
    }
}

@media only screen and (min-width: 1200px) {
    .contact-banner {
        padding-bottom: 96px;

        .contact-banner__container {
            padding: 8% 5% 6%;

            .wp-block-buttons {
                padding-top: 5%;
            }
        }
    }
}

@media only screen and (min-width: 1200px) {
    .contact-banner {
        padding-bottom: 160px;
    }
}