.sce-promo {
  background-color: #9dd4cf;
  padding: 20px;
  font-size: 1.125rem;
  line-height: normal
}
.sce-promo__btn,
.sce-promo__title {
  transition: visibility .3s,opacity .3s,transform .3s;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50px)
}
.sce-promo__title {
  display: block
}
.sce-promo__btn {
  display: inline-flex;
  align-items: center;
  color: #000;
  gap: 40px
}
.sce-promo__btn:visited {
  color: #000
}
.sce-promo__btn::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='none'%3E%3Ccircle cx='14.5' cy='14.5' r='13.92' stroke='%23000' stroke-width='1.16' transform='rotate(-90 14.5 14.5)'/%3E%3Cpath stroke='%23000' stroke-width='1.16' d='M8.121 14.499h12.567m0 0-5.8 7.153m5.8-7.153-5.8-7.153'/%3E%3C/svg%3E");
  flex: 29px 0 0;
  width: 29px;
  height: 29px;
  transition: transform .3s;
  animation: sce-arrow-bounce 3s linear infinite
}
.sce-promo__btn span {
  background-image: linear-gradient(120deg,#000 0,#000 100%);
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-position: 0 100%;
  transition: background-size .3s
}
.sce-promo__btn:focus span,
.sce-promo__btn:hover span {
  background-size: 100% 2px
}
.sce-promo__btn:focus::after,
.sce-promo__btn:hover::after {
  animation: sce-arrow-hover .3s ease-in-out 1;
  transform: translateX(50%)
}
.sce-promo.is-scrolled .sce-promo__btn,
.sce-promo.is-scrolled .sce-promo__title {
  visibility: visible;
  opacity: 1;
  transform: none
}
.sce-promo.is-scrolled .sce-promo__btn {
  transition-delay: .15s
}
@media (min-width:768px) {
  .sce-promo {
    padding: 28px 20px;
    text-align: center;
    font-size: 1.4375rem
  }
  .sce-promo__btn {
    gap: 10px
  }
}
@keyframes sce-arrow-bounce {
  0% {
    transform: translateX(0)
  }
  10% {
    transform: translateX(25%)
  }
  20% {
    transform: translateX(0)
  }
  30% {
    transform: translateX(25%)
  }
  40% {
    transform: translateX(0)
  }
}
@keyframes sce-arrow-hover {
  from {
    transform: translateX(0)
  }
  to {
    transform: translateX(50%)
  }
}
/*# sourceMappingURL=sce-promo.min.css.map */
