.timer-banner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1252px;
  margin: 50px auto 0;
  padding: 50px 64px;
  color: white;
  background-image:
          url("data:image/svg+xml,width='347' height='271' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'%3E%3Cpath d='M142.91 196.707c-2.454.314-4.921.606-7.013.734-37.287 2.474-78.085-4.997-110.44-23.729-1.168-.689-1.635-2.163-.948-3.347.686-1.184 2.141-1.551 3.31-.86 31.726 18.13 71.43 25.405 107.787 22.985 1.17-.058 2.523-.208 3.88-.351-1.462-2.644-1.954-5.281-1.843-7.733.269-3.705 2.078-7.268 4.886-10.408 3.941-4.377 9.665-7.862 15.55-9.972 4.539-1.577 9.172-2.258 12.685-1.679 2.92.41 5.162 1.642 6.617 3.525 1.523 1.989 2.173 4.869 1.121 8.86-1.648 6.812-6.674 11.758-13.321 15.311-4.854 2.586-10.491 4.33-15.997 5.53 1.405 1.056 3.052 2.113 4.945 3.177 14.641 7.731 38.386 8.604 63.773 5.651 38.62-4.529 81.081-18.091 101.281-30.968 1.028-.655 2.654-.379 3.393.767.739 1.147.312 2.734-.715 3.389-20.714 13.205-63.936 27.083-103.432 31.751-26.521 3.068-51.415 1.914-66.587-6.266-3.763-2.092-6.792-4.169-8.932-6.367zm1.893-5.308c-1.675-2.227-2.377-4.439-2.311-6.586.205-2.681 1.689-5.25 3.642-7.467 3.37-3.765 8.426-6.789 13.528-8.617 3.548-1.24 7.207-1.931 10.07-1.61 1.582.206 2.871.706 3.741 1.681.714 1.108.756 2.675.357 4.68-1.486 5.565-5.76 9.425-10.976 12.201-5.396 2.868-12.152 4.753-18.051 5.718z'/%3E%3Cpath d='M27.9 169.733c11.49 8.461 20.82 21.066 26.925 33.916.563 1.248.06 2.717-1.056 3.233-1.286.628-2.81.139-3.371-1.107-5.856-12.087-14.548-24.08-25.469-32.034-1.032-.852-1.294-2.383-.534-3.453.932-1.177 2.474-1.407 3.506-.555z'/%3E%3Cpath d='M27.458 169.177c13.042 4.126 27.834-.282 39.822-6.039 1.116-.517 2.64-.025 3.203 1.223.561 1.246.057 2.714-1.23 3.34-12.923 6.181-29.096 10.689-43.34 6.199-1.254-.447-1.926-1.866-1.541-3.143.384-1.279 1.832-2.026 3.086-1.58z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='scale(1 -1) rotate(32.793 656.262 57.824)' d='M0 0h250.147v250.147H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"),
          linear-gradient(86.77deg, #F04932 0%, #FC9A59 63.54%, #F08A43 100%);
  background-repeat: no-repeat;
  background-position: center bottom -10px, center;
  background-size: 347px 271px, cover;
  border-radius: 48px;
}

.timer-banner__info {
  margin-right: 50px;
}

.timer-banner__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 41px;
  line-height: 1.5;
}

.timer-banner__button {
  display: inline-flex;
  margin-top: 24px;
  padding: 1.6rem 11rem;
  font-size: 1.3rem;
  font-weight: 600;
  background-color: white;
  border: 1px solid #ee9252;
  border-radius: 64px;
}

.timer-banner__timer {
  flex: 0 0 45%;
}

.timer {
  display: flex;
  align-items: flex-start;
  text-align: center;
}

.timer__col {
  flex: 0 0 25%;
}

.timer__colon {
  flex: 0 0 12.5%;
}

.timer__words {
  font-size: 32px;
  line-height: 1.2;
}

.timer__cell,
.timer__colon {
  font-size: 90px;
  font-weight: 600;
  line-height: 1;
}

@media screen and (max-width: 1280px) {
  .timer-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .timer-banner__button {
    padding: 1.6rem 6rem;
  }
}

@media screen and (max-width: 1200px) {
  .timer-banner {
    flex-direction: column;
    align-items: center;
    padding: 30px;
    text-align: center;
    background-image: linear-gradient(86.77deg, #F04932 0%, #FC9A59 63.54%, #F08A43 100%);
    background-position: center;
    background-size: cover;
  }

  .timer-banner__info {
    margin-right: 0;
  }

  .timer-banner__timer {
    flex-basis: 100%;
    margin-top: 20px;
  }

  .timer__col,
  .timer__colon {
    flex-basis: auto;
  }

  .timer__colon {
    margin: 0 16px;
  }
}

@media screen and (max-width: 768px) {
  .timer-banner {
    border-radius: 20px;
  }

  .timer-banner__title {
    font-size: 32px;
  }

  .timer__words {
    font-size: 24px;
  }

  .timer__cell,
  .timer__colon {
    font-size: 50px;
  }
}

@media screen and (max-width: 480px) {
  .timer-banner {
    margin-top: 30px;
    padding: 16px;
  }

  .timer-banner__button {
    padding: 1rem 2rem;
    font-size: 1rem;
  }

  .timer-banner__title {
    font-size: 22px;
  }

  .timer__words {
    font-size: 16px;
  }

  .timer__cell,
  .timer__colon {
    font-size: 36px;
  }
}