﻿.cta-simple {
    padding: 60px 4%;
    text-align: center;
    background-color: #ffffff;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .cta-simple h3 {
        font-family: 'Mont Black Italic';
        color: #c30000;
        font-size: 5.34vw;
        line-height: 5.34vw;
        text-transform: uppercase;
        padding-bottom: 20px;
        margin: 0 !important;
    }

    .cta-simple h2 {
        font-family: 'Mont Black Italic';
        color: #c30000;
        font-size: 10.66vw;
        line-height: 10.66vw;
        padding-bottom: 20px;
        text-transform: uppercase;
        margin: 0 !important;
    }

    .cta-simple p:not(.link) {
        font-family: 'Roboto';
        padding-bottom: 25px;
        font-size: 5.34vw;
        line-height: 7.47vw;
        font-weight: 500;
    }


    .cta-simple .link a {
        color: #242424;
    }

        .cta-simple .link a:hover {
            text-decoration: none;
        }

    .cta-simple b {
        font-weight: 500;
    }

    .cta-simple .button-area, .cta-simple .button-area .button {
        padding: 0;
        margin: 0;
    }

        .cta-simple .button-area .button {
            width: 100% !important;
        }

        .cta-simple .button-area, .cta-simple .button-area a {
            gap: 20px;
        }

    .cta-simple p.link svg.arrow {
        stroke: #242424;
        stroke-width: 8px;
    }

    .cta-simple.red {
        background-color: #c30000;
    }

        .cta-simple.red h3 {
            padding-top: 30px;
        }

        .cta-simple.red h3,
        .cta-simple.red h2,
        .cta-simple.red p {
            color: #ffffff;
        }

        .cta-simple.red .button-area .button {
            background-color: #ffffff;
            border-color: #ffffff !important;
        }

            .cta-simple.red .button-area .button:hover {
                border-color: #ffffff !important;
            }

@media screen and (min-width: 992px) {
    .cta-simple {
        padding: 80px 9.8% 120px;
    }

        .cta-simple h3 {
            font-size: 30px;
            line-height: 20px;
        }

        .cta-simple h2 {
            font-size: 60px;
            line-height: 50px;
        }

        .cta-simple p:not(.link) {
            font-size: 20px;
            line-height: 28px;
        }

        .cta-simple .button-area {
            display: flex;
            flex-direction: row;
        }

            .cta-simple .button-area .button {
                width: 195px !important;
                height: 55px !important;
            }

            .cta-simple .button-area, .cta-simple .button-area a {
                gap: 24px;
            }

    .cta-simple.red {
        padding-bottom: 80px;
    }
}
