﻿.contactLinksCallout {
    background: #062F6E;
    background: linear-gradient(90deg,rgba(6, 47, 110, 1) 1%, rgba(101, 109, 131, 1) 100%);
    padding: 60px 0;
}

    .contactLinksCallout .eyebrow,
    .contactLinksCallout .h1Styled,
    .contactLinksCallout .copy {
        color: #ffffff;
    }

    .contactLinksCallout .buttonsWrap {
        margin-top: 50px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

@media screen and (max-width: 1520px) {
    .contactLinksCallout .buttonsWrap {
        flex-wrap: wrap;
        justify-content: center;
    }

        .contactLinksCallout .buttonsWrap .btn {
            width: 32%;
            justify-content: center;
        }
}

@media screen and (max-width: 1125px) {
    .contactLinksCallout .buttonsWrap {
        flex-wrap: wrap;
        justify-content: center;
    }

        .contactLinksCallout .buttonsWrap .btn {
            width: 48%;
            justify-content: flex-start;
        }

            .contactLinksCallout .buttonsWrap .btn .left {
                width: 100%;
                justify-content: center;
                padding: 9px 30px;
            }

            .contactLinksCallout .buttonsWrap .btn:hover .right {
                padding: 16px 15px 18px 25px;
            }
}

@media screen and (max-width: 780px) {
    .contactLinksCallout .buttonsWrap .btn {
        width: 75%;
    }
}

@media screen and (max-width: 505px) {
    .contactLinksCallout .buttonsWrap .btn {
        width: 100%;
    }
}
