.Btn {
  border-radius: 100px;
  height: 43px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  min-width: 210px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1;
  display: block;
  cursor: pointer;
  top: 100px;
  left: 300px;
  font-family: 'Circe', 'Trebuchet MS', 'Tahoma', 'Arial', 'sans-serif';
  z-index: 20;
  transform: scale(3);
  border: none;
  background-color: #f84f78;
  background-image: linear-gradient(90deg, #f84f78 50%, white 50%);
  background-size: 200% 100%;
  background-position: 0 0;
  animation: bgpout .25s;
}
.Btn:hover {
  color: #316fdf;
  animation: bgpin .25s;
  animation-fill-mode: forwards;
}
@keyframes bgpin {
  from {
      background-position: 0 0;
  }
  to {
      background-position: -100% 0;
  }
}
@keyframes bgpout {
  from {
      background-position: -100% 0;
  }
  to {
      background-position: -200% 0;
  }
}