.button {
    cursor: pointer;
    text-align: center;
    &:hover {
        cursor: pointer;
    }
    &--blue {
        color: #fff;
        border-radius: 10px;
        background-color: #008af3;
        border-width: 0px;
        a {
            color: #fff;
        }
        &:hover {
            background-color: #3e94e8;
            cursor: pointer;
        }
    }
    &--white {
        border-radius: 10px;
        border: 1px solid #0087f0;
        color: #0087f0;
        font-weight: 700;
    }
    &--center {
        margin: 0 auto;
        display: block;
    }
    &--wide {
        width: 262px;
        height: 36px;
        box-shadow: 2px 4px 10px rgba(80, 87, 92, 0.3);
        line-height: 36px;
        font-weight: 700;
    }
    &__login {
        display: inline-block;
        font-size: 15px;
        width: 165px;
        height: 36px;
        border-radius: 10px;
        line-height: 32px;
        font-weight: 700;
        &--blue {
            border: 2px solid #8bbef0;
            color: #fff;
            &:hover {
                background-color: #268aec;
            }
        }
        &--white {
            background: #fff;
            border: 2px solid transparent;
            color: #0087f0;
            &:hover {
                background-color: #e6e6e6;
            }
        }
        &--margined {
            margin-left: 25px;
        }
        &--mt{
            margin-top: 50px;
        }
    }
    &__login-single {
        font-size: 15px;
        width: 200px;
        height: 48px;
        border-radius: 10px;
        line-height: 48px;
        margin: 0 auto;
        display: block;
        font-weight: 700;
        &--blue {
            background: #0087f0;
            border: 2px solid transparent;
            color: #fff;
            a {
                color: #fff;
            }
            &:hover {
                background-color: #3e94e8;
            }
        }
        &--white {
            border: 1px solid #c9c9c9;
            color: #777777;
        }
        &--skip {
            border: 1px solid #ffffff;
            color: #ffffff;
        }
        &--logout {
            margin-top: 70px;
            margin-bottom: 70px;
        }
    }
    &__navigation {
        width: 165px;
        height: 36px;
        font-size: 15px;
        font-weight: 700;
        line-height: 36px;
        border-radius: 10px;
        display: inline-block;
        &--previous {
            color: #9b9b9b;
            background-color: #ffffff;
            border: 1px solid #c9c9c9;
            a {
                color: #9b9b9b;
            }
        }
        &--next {
            border: 1px solid #268aec;
            color: #0087f0;
            a {
                color: #0087f0;
            }
        }
        &--right {
            float: right;
        }
    }
}