.offerBtn {
  transition: all 0.3s;
}

.offerBtn:hover {
  transform: translateY(5%);
}

.offer01-1 {
  top: 0%;
  left: 4.75%;
  width: 90.5%;
}

.offer01-2 {
  top: 43.5%;
  left: 1.25%;
  width: 98.1%;
  pointer-events: none;
}

.offer01-3 {
  top: 89.5%;
  left: 1.25%;
  width: 98.1%;
}

.offer02-1 {
  top: 79.5%;
  left: 7%;
  width: 41.6%;
  pointer-events: none;
}

.offer02-2 {
  top: 79.5%;
  left: 51.5%;
  width: 41.6%;
}

.offer03-0 {
  top: 2.5%;
  left: 4.75%;
  width: 90.5%;
}

.offer03-1 {
  top: 42.5%;
  left: 1.25%;
  width: 98.1%;
  pointer-events: none;
}

.offer03-2 {
  top: 86.5%;
  left: 1.25%;
  width: 98.1%;
}

.offer03-1,
.offer03-2 {
  -webkit-mask: url("../images/offer02_btn.png") no-repeat center center;
  mask: url("../images/offer02_btn.png") no-repeat center center;
  mask: url("../images/offer02_btn.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.offer04-1 {
  top: 44%;
  left: 46%;
  width: 49.5%;
  pointer-events: none;
}

.offer04-2 {
  top: 86.5%;
  left: 46%;
  width: 49.5%;
}