.login__button {
    position: relative;
}

.login__button-loader {
    display: none;

    width: 18px;
    height: 18px;

    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;

    animation: login-button-spin 0.7s linear infinite;
}

.login__button--loading {
    cursor: wait;
    pointer-events: none;
    opacity: 0.8;
}

.login__button--loading .login__button-text {
    display: none;
}

.login__button--loading .login__button-loader {
    display: inline-block;
}

@keyframes login-button-spin {
    to {
        transform: rotate(360deg);
    }
}