@media screen and (min-width: 0px) and (max-width: 740px) {
    /* SMALL BUTTONS */

    /* Default small button for mobile */
    .button-small-mobile {
        display: flex;
        max-width: 180px;
        width: 100%;
        height: 40px;
        border-radius: 3px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

    .button-small-mobile span {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 13px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    /* Button small accent outline for mobile */
    .button-small-accent-outline-mobile {
        background: transparent;
        border: 1px solid #008AEE;
    }
    .button-small-accent-outline-mobile span {
        color: #008AEE;
    }

    /* Button small accent solid for mobile */
    .button-small-accent-solid-mobile {
        background: #008AEE;
        border: 1px solid #008AEE;
    }

    .button-small-accent-solid-mobile span {
        color: #fff;
    }

    /* Button small dark outline for mobile */
    .button-small-dark-outline-mobile {
        background: transparent;
        border: 1px solid #1C2D3A;
    }
    .button-small-dark-outline-mobile span {
        color: #1C2D3A;
    }

    /* Button small dark solid for mobile */
    .button-small-dark-solid-mobile {
        background: #1C2D3A;
        border: 1px solid #1C2D3A;
    }
    .button-small-dark-solid-mobile span {
        color: #fff;
    }

    /* Button small white outline-mobile for mobile */
    .button-small-white-outline {
        background: transparent;
        border: 1px solid #fff;
    }
    .button-small-white-outline-mobile span {
        color: #fff;
    }

    /* Button small white solid accent for mobile */
    .button-small-white-solid-accent-mobile {
        background: #fff;
        border: 1px solid #fff;
    }
    .button-small-white-solid-accent-mobile span {
        color: #008AEE;
    }

    /* Button small white solid dark for mobile */
    .button-small-white-solid-dark-mobile {
        background: #fff;
        border: 1px solid #1C2D3A;
    }
    .button-small-white-solid-dark-mobile span {
        color: #1C2D3A;
    }

    /* NORMAL BUTTONS */
    .button-normal-mobile {
        display: flex;
        max-width: 180px;
        width: 100%;
        height: 48px;
        border-radius: 3px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

    .button-normal-mobile span {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    /* Button normal accent outline for mobile */
    .button-normal-accent-outline-mobile {
        background: transparent;
        border: 1px solid #008AEE;
    }
    .button-normal-accent-outline-mobile span {
        color: #008AEE;
    }

    /* Button normal accent solid for mobile */
    .button-normal-accent-solid-mobile {
        background: #008AEE;
        border: 1px solid #008AEE;
    }

    .button-normal-accent-solid-mobile span {
        color: #fff;
    }

    /* Button normal dark outline for mobile */
    .button-normal-dark-outline-mobile {
        background: transparent;
        border: 1px solid #1C2D3A;
    }
    .button-normal-dark-outline-mobile span {
        color: #1C2D3A;
    }

    /* Button normal dark solid for mobile */
    .button-normal-dark-solid-mobile {
        background: #1C2D3A;
        border: 1px solid #1C2D3A;
    }
    .button-normal-dark-solid-mobile span {
        color: #fff;
    }

    /* Button normal white outline for mobile */
    .button-normal-white-outline-mobile {
        background: transparent;
        border: 1px solid #fff;
    }
    .button-normal-white-outline-mobile span {
        color: #fff;
    }

    /* Button normal white solid accent for mobile */
    .button-normal-white-solid-accent-mobile {
        background: #fff;
        border: 1px solid #fff;
    }
    .button-normal-white-solid-accent-mobile span {
        color: #008AEE;
    }

    /* Button normal white solid dark for mobile */
    .button-normal-white-solid-dark-mobile {
        background: #fff;
        border: 1px solid #1C2D3A;
    }
    .button-normal-white-solid-dark-mobile span {
        color: #1C2D3A;
    }

    /* LARGE BUTTONS */
    .button-large-mobile {
        display: flex;
        max-width: 180px;
        width: 100%;
        height: 64px;
        border-radius: 3px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

    .button-large-mobile span {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    /* Button large accent outline for mobile */
    .button-large-accent-outline-mobile {
        background: transparent;
        border: 1px solid #008AEE;
    }
    .button-large-accent-outline-mobile span {
        color: #008AEE;
    }

    /* Button large accent solid for mobile */
    .button-large-accent-solid-mobile {
        background: #008AEE;
        border: 1px solid #008AEE;
    }

    .button-large-accent-solid-mobile span {
        color: #fff;
    }

    /* Button large dark outline for mobile */
    .button-large-dark-outline-mobile {
        background: transparent;
        border: 1px solid #1C2D3A;
    }
    .button-large-dark-outline-mobile span {
        color: #1C2D3A;
    }

    /* Button large dark solid for mobile */
    .button-large-dark-solid-mobile {
        background: #1C2D3A;
        border: 1px solid #1C2D3A;
    }
    .button-large-dark-solid-mobile span {
        color: #fff;
    }

    /* Button large white outline for mobile */
    .button-large-white-outline-mobile {
        background: transparent;
        border: 1px solid #fff;
    }
    .button-large-white-outline-mobile span {
        color: #fff;
    }

    /* Button large white solid accent for mobile*/
    .button-large-white-solid-accent-mobile {
        background: #fff;
        border: 1px solid #fff;
    }
    .button-large-white-solid-accent-mobile span {
        color: #008AEE;
    }

    /* Button large white solid dark for mobile */
    .button-large-white-solid-dark-mobile {
        background: #fff;
        border: 1px solid #1C2D3A;
    }
    .button-large-white-solid-dark-mobile span {
        color: #1C2D3A;
    }
}