@-webkit-keyframes read-more-arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@-o-keyframes read-more-arrow {
  0%,
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@keyframes read-more-arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@-webkit-keyframes download-hover {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

@-o-keyframes download-hover {
  0%,
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

@keyframes download-hover {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

.js-form-managed-file {
  position: relative;
}

.js-form-managed-file input[type="file"] + .varicon {
  position: absolute;
  top: 50%;
  right: 0.375rem;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.throbber-added {
  position: relative;
  padding-right: 50px;
}

.btn .ajax-throbber {
  position: absolute;
  top: 50%;
  right: 0.875rem;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn .ajax-throbber::before {
  background-image: url("../../images/icons/refresh-white.svg") !important;
}