.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 77.5%;
    left: 4.5%;
    width: 91.1%;
    cursor: pointer;
    -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-1 {
    top: 67.5%;
    left: 4.5%;
    width: 91.1%;
    cursor: pointer;
    -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-1 {
    top: 69.5%;
    left: 4.5%;
    width: 91.1%;
    cursor: pointer;
    -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: 80%;
    left: 11.5%;
    width: 77.1%;
    cursor: pointer;
    -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;
}
.offer05-1 {
    top: 70%;
    left: 11.5%;
    width: 77.1%;
    cursor: pointer;
    -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;
}