.buttonloginMos {
    font-size: 22px !important;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #010a8a;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.buttonloginMos:hover {
    color: #fff;
    box-shadow: 0 0 16px 0 rgb(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    background: linear-gradient(to bottom, #0905f3 0%, #0a018a 100%);
    -ms-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
}

.buttonloginMos:hover:before {
    -webkit-animation: shine 0.5s 0s linear;
    -moz-animation: shine 0.5s 0s linear;
    animation: shine 0.5s 0s linear;
}

.buttonloginMos:active {
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
}

.buttonregisterMos {
    text-decoration: none;
    font-size: 22px !important;
    color: #ffffff;
    border: none;
    background: linear-gradient(to bottom, #0905f3 0%, #03018a 100%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.buttonregisterMos:hover {
    color: #fff;
    box-shadow: 0 0 6px 0 rgb(0, 4, 236);
    background: rgba(0, 0, 0, 0.1);
    /* background: linear-gradient(to bottom, #000000 0%, #000000 100%); */
    transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    -moz-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    -ms-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.1, 1.97);
}

.buttonregisterMos:hover:before {
    -webkit-animation: shine 0.5s 0s linear;
    -moz-animation: shine 0.5s 0s linear;
    animation: shine 0.5s 0s linear;
}

.buttonregisterMos:active {
    text-decoration: none;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
}

.buttonlineMos {
    color: #00ff21;
    border: none;
    text-decoration: none;
    background: transparent;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    text-shadow: 0 0 2px #052d00, 0 0 2px #052d00;
}

.buttonlineMos:hover {
    text-decoration: none;
    outline: none;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 3px #052d00, 0 0 8px #15b800, 0 0 15px #108d00;
    }
    to {
        text-shadow: 0 0 6px #00db1d, 0 0 12px #00f621, 0 0 19px #00ff21;
    }
}