.offerBtn {
  transition: all 0.3s;
}

.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
  top: 0.5%;
  left: -2%;
  width: 100%;
}
.offer01-2 {
    top: 7.5%;
    left: 6.5%;
    width: 92.5%;
    -webkit-mask: url("../images/thing_46.webp") no-repeat center center;
    mask: url("../images/thing_46.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-3 {
	top: 45.5%;
	left: 3.75%;
	width: 92.5%;
}
.offer01-4 {
    top: 75%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_01.webp") no-repeat center center;
    mask: url("../images/btn_01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 8.65%;
    left: 0%;
    width: 100%;
    -webkit-mask: url("../images/thing_48.webp") no-repeat center center;
    mask: url("../images/thing_48.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-3 {
    top: 46%;
    left: 3.75%;
    width: 92.5%;
}
.offer02-4 {
    top: 75%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_01.webp") no-repeat center center;
    mask: url("../images/btn_01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 8.3%;
    left: 0%;
    width: 100%;
    -webkit-mask: url("../images/thing_50.webp") no-repeat center center;
    mask: url("../images/thing_50.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 45%;
    left: 3.75%;
    width: 92.5%;
}
.offer03-4 {
    top: 73%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_01.webp") no-repeat center center;
    mask: url("../images/btn_01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 42%;
    left: 9.2%;
    width: 81.2%;
}
.offer04-2 {
    top: 67%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_02.webp") no-repeat center center;
    mask: url("../images/btn_02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-1 {
    top: 41%;
    left: 9.2%;
    width: 81.2%;
}
.offer05-2 {
    top: 66%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_02.webp") no-repeat center center;
    mask: url("../images/btn_02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer06-1 {
    top: 40%;
    left: 9.2%;
    width: 81.2%;
}
.offer06-2 {
    top: 65%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_02.webp") no-repeat center center;
    mask: url("../images/btn_02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer07-1 {
    top: 82%;
    left: 11%;
    width: 36.6%;
    -webkit-mask: url("../images/btn_03.webp") no-repeat center center;
    mask: url("../images/btn_03.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer07-2 {
    top: 82%;
    left: 52.5%;
    width: 36.6%;
    -webkit-mask: url("../images/btn_03.webp") no-repeat center center;
    mask: url("../images/btn_03.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer08-1 {
    top: 2%;
    left: 8.25%;
    width: 83.5%;
}