.sticker_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

@media screen and (max-width: 992px) {
  .sticker_wrap {
    bottom: 62px;
  }
}

.sticker_wrap .close_cross {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fa1158;
  border-radius: 50%;
  color: #fa1158;
  font-family: sans-serif;
  font-weight: bold;
  position: absolute;
  right: 20px;
  margin-top: -16px;
  top: 0;
  z-index: 999;
  background-color: #fff;
  cursor: pointer;
}

.sticker_white {
  background-color: #f8f8f9;
  padding-left: 55px;
  padding-right: 80px;
  height: 95px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.sticker_text {
  color: #000;
  font-family: Roboto, Arial, sans-serif;
  font-weight: bold;
  font-size: 47px;
  line-height: 1;
  height: 100%;
  background-color: #000000;
  background-image: linear-gradient(90deg, #670021 0%, #000000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  width: 417px;
  margin-right: 138px;
  display: flex;
  align-items: center;
}

.sticker_text span {
  display: inline-block;
  width: 100%;
  text-align: center;

}

.sticker_text span:after {
  animation: 5s spin infinite;
  content: '';
}

.sticker_text img {
  position: absolute;
  top: 0;
  left: calc(100% + 69px);
  z-index: 0;
}

.sticker_wrap img,
.sticker_wrap .sticker_logo,
.sticker_wrap .sticker_kino {
  z-index: 1;
}

.sticker_wrap .sticker_logo {
  margin-right: 21px;
  z-index: 2;
}

.sticker_logo .dots_left,
.sticker_logo .dots_right {
  display: none;
}

.sticker_kino {
  height: 100%;
  position: relative;
  /* margin-right: 205px; */
}

.sticker_wrap .cross_img {
  margin-left: -16px;
  z-index: -1;
  position: relative;
  transform: rotate(0deg) scale(1);
  animation: crossAnim 4.8s linear infinite;
}

@keyframes crossAnim {
  0% {
    transform: rotate(0deg) scale(1);
  }

  25% {
    transform: rotate(25deg) scale(0.8);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: rotate(-25deg) scale(0.8);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

.kino_img {
  animation: scale 1s linear infinite;
}


.sticker_wrap .dots_left {
  position: absolute;
  z-index: -1;
  left: -50%;
  animation: 3s 1s dotsBlink ease infinite;
}

.sticker_wrap .dots_right {
  position: absolute;
  z-index: -2;
  left: 90%;
  animation: 3s dotsBlink ease infinite;
}

.sticker_wrap .button-wrap {
  margin-left: auto;
  display: flex;
  align-items: center;
  z-index: 2;
}

.sticker_wrap .sticker_button {
  background-color: #000000;
  background-image: linear-gradient(90deg, #fa1158 0%, #e27fd5 100%);
  width: 258px;
  height: 76px;
  border-radius: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  color: #fff;
  font-family: sans-serif;
  margin: 0 20px;
  z-index: 1;
  box-shadow: 0 0 0 5px rgba(250, 17, 88, 0.4);
  animation: 1s pulse infinite;
}

.button_premium {
  margin: 0 20px;
  display: block !important;
  height: auto !important;
  animation: 1s pulse infinite;
  border-radius: 40px;
}

.sticker_button span {
  background-color: #fa1158;
  background-image: linear-gradient(90deg, #fa1158 0%, #e27fd5 100%);
  -webkit-text-stroke: 1px #fa1158;
  color: #fa1158;
  text-shadow:
    3px 3px 5px #fff,
    -1px -1px 5px #fff,
    1px -1px 5px #fff,
    -1px 1px 5px #fff,
    1px 1px 5px #fff;
}

@media screen and (min-width: 1921px) {
  .sticker_white {
    justify-content: space-between;
  }

  .button-wrap {
    margin-left: unset;
  }
}

@media screen and (max-width: 1660px) {
  .sticker_white {
    padding: 0 20px;
  }

  .sticker_text {
    margin-right: 90px;
  }

  .sticker_text img {
    left: calc(100% + 10px);
  }

  .sticker_button {
    margin: 0 10px;
  }

  .button_premium {
    margin: 0 10px;
  }
}

@media screen and (max-width: 1500px) {
  .sticker_white {
    display: flex;
    justify-content: space-between;
  }

  .sticker_logo {
    position: relative;
  }

  .sticker_logo .dots_left,
  .sticker_logo .dots_right {
    display: block;
    top: -13px;
    animation: 3s dotsBlink ease infinite;
  }

  .sticker_logo .dots_left {
    left: -25%;
  }

  .sticker_logo .dots_right {
    left: 60%;
  }

  .sticker_kino {
    display: none;
  }

  .button-wrap {
    margin-left: unset;
  }
}

@media screen and (max-width: 1280px) {
  .sticker_text {
    font-size: 35px;
    width: 315px;
  }

  .sticker_button {
    width: 220px;
  }

  .button_premium {
    width: 220px;
  }
}

@media screen and (max-width: 1080px) {
  .sticker_text {
    width: 305px;
    margin-right: 20px;
  }

  .sticker_text img {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .sticker_white {
    height: 65px;
    overflow: hidden;
    padding: 0 10px;
  }

  .sticker_text {
    font-size: 28px;
    width: 250px;
  }

  .sticker_text img {
    display: block;
    height: 65px;
    left: 100%;
  }

  .sticker_logo img {
    width: 200px;
  }

  .sticker_button {
    height: 55px;
    width: 200px;
    font-size: 21px;
    margin: 0;
  }

  .button_premium {
    margin: 0;
    width: 200px;
  }


  .button-wrap img {
    height: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .sticker_text img {
    display: none;
  }

  .button-wrap img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .sticker_wrap .sticker_text {
    order: 1;
    padding: 0 10px;
    margin: 0;
    font-size: 21px;
    z-index: 3;
  }

  .sticker_text span {
    text-align: center;
  }

  .sticker_text img {
    display: none;
  }

  .button-wrap {
    order: 2;
  }

  .sticker_logo {
    margin: 0;
  }

  .button-wrap img {
    display: none;
  }

  .sticker_button {
    font-size: 17px;
    width: 157px;
    height: 45px;
  }

  .button_premium {
    width: 157px;
  }
}

@media screen and (max-width: 768px) {
  .sticker_white {
    height: 90px;
  }

  .sticker_text {
    flex-grow: 1;
    padding-right: 0;
    font-size: 24px;
  }

  .sticker_logo {
    margin-top: -30px;
  }

  .sticker_logo .dots_left,
  .sticker_logo .dots_right {
    display: none;
  }

  .sticker_logo img {
    width: 135px;
  }

  .sticker_button {
    font-size: 13px;
    width: 100px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 52px;
  }

  .button_premium {
    width: 100px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 52px;
  }
}

@media screen and (max-width: 350px) {
  .sticker_white {
    height: 80px;
  }

  .sticker_text {
    font-size: 21px;
  }

  .sticker_logo img {
    width: 100px;
  }

  .sticker_button {
    left: 12px;
    top: 45px;
  }

  .button_premium {
    left: 12px;
    top: 45px;
  }
}


@keyframes dotsBlink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(250, 17, 88, 0.4);
  }

  90% {
    box-shadow: 0 0 0 10px rgba(250, 17, 88, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(250, 17, 88, 0);
  }
}

@keyframes spin {
  0% {
    content: "Никакой рекламы";
  }

  25% {
    content: "Доступ к PREMIUM видео";
  }

  50% {
    content: "Смотри 4K порно";
  }

  75% {
    content: "Скачивай без ограничений";
  }

  100% {
    content: "Никакой рекламы";
  }
}

@keyframes scale-btn {

  0%,
  79.92%,
  83.45%,
  86.58%,
  90.11%,
  93.24%,
  96.77%,
  100% {
    transform: scale(1, 1);
  }

  80.12%,
  83.25%,
  86.78%,
  89.91%,
  93.44%,
  96.57% {
    transform: scale(1.2, 1.08);
  }
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}