.animationBtn {
  display: flex;
  gap: 1.3020833333vw;
  align-items: end;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  color: #fff;
}

.animationBtn .text {
  padding-bottom: 0.4166666667vw;
  font-size: 1.0416666667vw;
  transition: 1s all;
  border-bottom: 0.0520833333vw solid transparent;
}

.animationBtn .blackText {
  padding-bottom: 0.4166666667vw;
  font-size: 1.0416666667vw;
  transition: 1s all;
  border-bottom: 0.0520833333vw solid transparent;
  color: #000;
}

.animationBtn .animationBtn-icon {
  transition: background-color 300ms 200ms ease, transform 600ms 200ms ease;
  width: 2.34375vw;
  height: 2.34375vw;
  transform-origin: bottom right;
}

.animationBtn .animationBtn-icon svg {
  display: block;
  transition: opacity 300ms 300ms ease;
  width: 2.34375vw;
  height: 2.34375vw;
}

.animationBtn:hover .animationBtn-icon {
  background-color: #285571;
  transform: scale(0.2);
  transition: background-color 600ms 200ms ease, transform 600ms 0ms ease;
}

.animationBtn:hover .animationBtn-icon svg {
  opacity: 0;
  transition: opacity 300ms 300ms ease;
}

.animationBtn:hover .text {
  transform: translateX(-0.78125vw);
  border-bottom: 1px solid #fff;
}

.animationBtn:hover .blackText {
  transform: translateX(-0.78125vw);
  border-bottom: 1px solid #000;
}/*# sourceMappingURL=buttton.css.map */