/* SMALL BUTTONS */

/* Default small button */
.button-small {
    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-small 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 */
.button-small-accent-outline {
    background: transparent;
    border: 1px solid #008AEE;
}
.button-small-accent-outline span {
    color: #008AEE;
}

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

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

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

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

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

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

/* Button normal success */
.button-small-success {
    background: #29BC55;
    border: 1px solid #29BC55;
}

.button-small-success span {
    color: #fff;
}

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

/* NORMAL BUTTONS */
.button-normal {
    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 span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
    
}

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

/* Button normal error outline */
.button-normal-error-outline {
    background: transparent;
    border: 1px solid #E40730;
}
.button-normal-error-outline span {
    color: #E40730;
}

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

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

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

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

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

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

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

/* Button normal success */
.button-normal-success {
    background: #29BC55;
    border: 1px solid #29BC55;
}

.button-normal-success span {
    color: #fff;
}

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

.button-large 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 */
.button-large-accent-outline {
    background: transparent;
    border: 1px solid #008AEE;
}
.button-large-accent-outline span {
    color: #008AEE;
}

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

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

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

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

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

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

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

/* Button large accent solid */
.button-large-green-solid {
    background: #29BC55;
    border: 1px solid #29BC55;
}

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