.buttonloginMos {
  font-size: 22px !important;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #8a0101;
  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, #f30505 0%, #8a0101 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, #f30505 0%, #8a0101 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(236, 0, 0);
  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;
  }
}