._btn__animation_1 {
  display: inline-block;
  overflow: hidden;
  border-radius: 0.125rem;
  font-size: 0.8125rem;
  padding: 0.5rem 0.875rem;
  position: relative;
}

._btn__animation_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.125rem;
  overflow: hidden;
  border: 0.0625rem solid rgba(255, 255, 255, 0.2666666667);
}

._btn__animation_1 span {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
}

._btn__animation_1 span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-animation: animate1 2s linear infinite;
          animation: animate1 2s linear infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

._btn__animation_1 span:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  -webkit-animation: animate2 2s linear infinite;
          animation: animate2 2s linear infinite;
}

._btn__animation_1 span:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-animation: animate3 2s linear infinite;
          animation: animate3 2s linear infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

._btn__animation_1 span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  -webkit-animation: animate4 2s linear infinite;
          animation: animate4 2s linear infinite;
}

@-webkit-keyframes animate1 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes animate1 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes animate2 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes animate2 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@-webkit-keyframes animate3 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animate3 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes animate4 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes animate4 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@media (max-width: 38.4375em) {
._btn__animation_1::before {
    border-color: rgba(16, 64, 80, 0.4039215686);
  }

._btn span {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#104050));
   background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), #104050);
   background: linear-gradient(to top, rgba(255, 255, 255, 0), #104050);
}
}