.newsletter-signup__title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 300;
}

.newsletter-signup__form {
    #mktoForm_131 {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        background: none !important;
        font-family: "Px Grotesk" !important;
        color: var(--text-color) !important;
        position: relative;

        .mktoFormCol {
            margin-bottom: 0 !important;
        }

        .mktoRequiredField {
            padding-right: 130px;
        }

        .mktoHtmlText {
            width: 100% !important;

            p {
                margin-bottom: 10px;
                padding-left: 0 !important;
                font-size: 21px !important;
                line-height: 1.2 !important;
                font-weight: 300;
                color: var(--text-color) !important;
            }
        }

        input[type="email"] {
            width: 100% !important;
            padding: 0 20px !important;
            margin: 0 !important;
            border: 2px solid transparent !important;
            background: #f2f2f2 !important;
            font-size: 14px !important;
            line-height: 36px;
            border-radius: 4px !important;

            &:focus {
                background-color: #fff !important;
                border-color: #d6d6d8 !important;
            }
        }

        .mktoButtonRow {
            top: 0 !important;
            margin-left: 0 !important;

            .mktoButtonWrap {
                margin-left: 0 !important;

                button.mktoButton {
                    display: inline-block;
                    width: auto !important;
                    padding: 0 20px !important;
                    line-height: 36px;
                    border-radius: 40px;
                    border: 2px solid transparent !important;
                    font-size: 14px !important;
                    font-weight: 700;
                    text-transform: uppercase;
                    color: #fff;
                    background-color: #333840 !important;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    transition: background-color .2s ease-in-out,
                        padding .2s ease-in-out,
                        margin .2s ease-in-out;

                    &:hover,
                    &:focus {
                        padding-left: 25px !important;
                        padding-right: 25px !important;
                        text-decoration: none;
                        color: #fff;
                        margin-left: -5px;
                        margin-right: -5px;
                    }
                }
            }
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        #mktoForm_131 {
            .mktoRequiredField {
                padding-right: 0;
            }
        }

        .mktoButtonRow {
            .mktoButtonWrap {
                button.mktoButton {
                    margin-top: 10px;
                    position: static !important;
                }
            }
        }
    }
}