html, body {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #ffffff;
  font-family: Arial, sans-serif;
}

.landing-page {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  padding: 0;
}

.block {
  margin: 0;
  padding: 0;
  border: 0;
}

.block img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

.block--with-button {
  position: relative;
}

.offer-button {
  position: absolute;
  display: block;
  max-width: 100%;
  line-height: 0;
  z-index: 10;
}

.offer-button img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
  animation: button-pulse 0.9s ease-in-out infinite;
  will-change: transform, opacity;
}

.offer-button:hover img {
  opacity: 0.85;
  transform: scale(1.03);
  filter: brightness(1.05);
}

@keyframes button-pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}

.offer-button--04 {
  top: 86%;
  left: 50%;
  width: 75%;
  transform: translateX(-50%);
}

.offer-button--13 {
  top: 80%;
  left: 50%;
  width: 75%;
  transform: translateX(-50%);
}

.offer-button--20 {
  top: 87%;
  left: 50%;
  width: 75%;
  transform: translateX(-50%);
}