@charset "UTF-8";

.float-top {
  visibility: hidden;
  opacity: 0;
  transform: translateY(50px);
  transition: all .6s;
}

.float-top.is-on {
  visibility: visible;
  position: fixed;
  right: 20px;
  bottom: 20px;
  writing-mode: vertical-rl;
  opacity: 1;
  transform: translateY(0);
  z-index: 11;
}

.btn-arrow.float-top a {
  padding-top: 47px;
  padding-right: 0;
}

.btn-arrow.float-top a:before {
  transform: translateY(-50%) rotate(90deg);
  right: 6px;
}
.btn-arrow.float-top a:after {
  transform: translateY(-50%) rotate(50deg);
  top: 13px;
  right: 14px;
}