/* CSS */

@media screen and (min-width: 601px) {
    .button-4 {
        width: 200px;
        height: 50px;
    }
}

@media screen and (max-width: 600px) {
    .button-4 {
        width: 300px;
        height: 75px;
    }
}

.button-4 {
    background-color: #FFAF19;
    outline: none;
    border: none;
    color: white;
    border-radius: 10px;
    width: 200px;
    height: 50px;
    font-family: 'Cabin', sans-serif;
    font-weight: bolder;
    font-size: 25px;
}

.button-4:hover {
    transition: .5s;
    background-color: #e59d16;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

    .button-4:disabled {
        background-color: #FAFBFC;
        border-color: rgba(27, 31, 35, 0.15);
        color: #959DA5;
        cursor: default;
    }

    .button-4:active {
        transition: .1s;
        background-color: #e59d16;
        transform: translateY(4px);
    }

    .button-4:focus {
        outline: 1px transparent;
    }

    .button-4:before {
        display: none;
    }