.offerBtn {
  transition: all 0.3s;
}

.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
  top: 9%;
  left: 0%;
  width: 100%;
  -webkit-mask: url("../images/thing_20.png") no-repeat center center;
  mask: url("../images/thing_20.png") no-repeat center center;
  mask: url("../images/thing_20.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer01-2 {
  top: 22.5%;
  left: -3%;
  width: 100%;
  -webkit-mask: url("../images/thing_21.png") no-repeat center center;
  mask: url("../images/thing_21.png") no-repeat center center;
  mask: url("../images/thing_21.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer01-3 {
  top: 58.5%;
  left: 7.5%;
  width: 88.9%;
}
.offer01-4 {
  top: 74.5%;
  left: 7.5%;
  width: 85%;
  -webkit-mask: url("../images/btn_05.png") no-repeat center center;
  mask: url("../images/btn_05.png") no-repeat center center;
  mask: url("../images/btn_05.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer02-1 {
  top: -1%;
  left: -3%;
  width: 100%;
  -webkit-mask: url("../images/thing_23.png") no-repeat center center;
  mask: url("../images/thing_23.png") no-repeat center center;
  mask: url("../images/thing_23.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer02-2 {
  top: 45.5%;
  left: 7.5%;
  width: 88.9%;
}
.offer02-3 {
  top: 66.5%;
  left: 7.5%;
  width: 85%;
  -webkit-mask: url("../images/btn_06.png") no-repeat center center;
  mask: url("../images/btn_06.png") no-repeat center center;
  mask: url("../images/btn_06.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer03-1 {
  top: -2%;
  left: -4%;
  width: 100%;
  -webkit-mask: url("../images/thing_25.png") no-repeat center center;
  mask: url("../images/thing_25.png") no-repeat center center;
  mask: url("../images/thing_25.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer03-2 {
  top: 53.5%;
  left: 7.5%;
  width: 88.7%;
}
.offer03-3 {
  top: 70.5%;
  left: 7.5%;
  width: 85%;
  -webkit-mask: url("../images/btn_07.png") no-repeat center center;
  mask: url("../images/btn_07.png") no-repeat center center;
  mask: url("../images/btn_07.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer04-1 {
  top: 76.5%;
  left: 10.9%;
  width: 36.6%;
  -webkit-mask: url("../images/btn_08.png") no-repeat center center;
  mask: url("../images/btn_08.png") no-repeat center center;
  mask: url("../images/btn_08.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer04-2 {
  top: 76.5%;
  left: 52.5%;
  width: 36.6%;
  -webkit-mask: url("../images/btn_08.png") no-repeat center center;
  mask: url("../images/btn_08.png") no-repeat center center;
  mask: url("../images/btn_08.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media (max-width: 768px) {
  .offer03-1,
  .offer02-1 {
    top: 0%;
    left: 0%;
    width: 96%;
  }
  .offer01-2 {
        top: 23.5%;
        left: 0%;
        width: 95%;
    }
}