.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 29%;
    left: 60.5%;
    width: 37.7%;
}
.offer01-2 {
    top: 29.5%;
    left: 3%;
    width: 93.5%;
}
.offer01-3 {
    top: 75.5%;
    left: 13.1%;
    width: 75.8%;
}
.offer02-1 {
    top: 23%;
    left: 69%;
    width: 28.8%;
}
.offer02-2 {
    top: 21%;
    left: 1%;
    width: 80.6%;
}
.offer02-3 {
    top: 67.5%;
    left: 13.1%;
    width: 75.8%;
}
.offer03-1 {
    top: 23%;
    left: 69%;
    width: 28.8%;
}
.offer03-2 {
    top: 21%;
    left: 7%;
    width: 75.5%;
}
.offer03-3 {
    top: 67.5%;
    left: 13.1%;
    width: 75.8%;
}
.offer04-1 {
    top: 69%;
    left: 13.1%;
    width: 75.8%;
    -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;
}
.offer05-1 {
    top: 54%;
    left: 13.1%;
    width: 75.8%;
    -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;
}