.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: 26.5%;
    left: 0%;
    width: 97%;
    -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: 57.5%;
  left: 7.5%;
  width: 88.9%;
}
.offer01-4 {
  top: 72.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: 0%;
    left: 0%;
    width: 98%;
    -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: 42.5%;
  left: 7.5%;
  width: 88.9%;
}
.offer02-3 {
  top: 63%;
  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: 0%;
    width: 97%;
    -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: 51.5%;
  left: 7.5%;
  width: 88.7%;
}
.offer03-3 {
  top: 69%;
  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_11.png") no-repeat center center;
  mask: url("../images/btn_11.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_11.png") no-repeat center center;
  mask: url("../images/btn_11.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer10-0 {
    top: 1%;
    left: 5.65%;
    width: 88.7%;
}
.offer10-1 {
    top: 14%;
    left: 0%;
    width: 90.6%;
    -webkit-mask: url("../images/thing_28.png") no-repeat center center;
    mask: url("../images/thing_28.png") no-repeat center center;
    mask: url("../images/thing_28.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer10-2 {
  top: 52%;
  left: 0%;
  width: 100%;
}
.offer10-3 {
  top: 74%;
  left: 0%;
  width: 100%;
  -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;
}
.offer11-1 {
    top: 0%;
    left: 0%;
    width: 62.1%;
    -webkit-mask: url("../images/thing_30.png") no-repeat center center;
    mask: url("../images/thing_30.png") no-repeat center center;
    mask: url("../images/thing_30.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer11-2 {
    top: 22%;
    left: 54%;
    width: 42.4%;
}
.offer11-3 {
  top: 59%;
  left: 1%;
  width: 97.6%;
  -webkit-mask: url("../images/btn_09.png") no-repeat center center;
  mask: url("../images/btn_09.png") no-repeat center center;
  mask: url("../images/btn_09.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer12-1 {
    top: 2%;
    left: 0%;
    width: 76.6%;
    -webkit-mask: url("../images/thing_32.png") no-repeat center center;
    mask: url("../images/thing_32.png") no-repeat center center;
    mask: url("../images/thing_32.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer12-3 {
  top: 64%;
  left: 1%;
  width: 97.6%;
  -webkit-mask: url("../images/btn_10.png") no-repeat center center;
  mask: url("../images/btn_10.png") no-repeat center center;
  mask: url("../images/btn_10.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}