.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 74.7%;
    left: 2.1%;
    width: 95.8%;
    -webkit-mask: url("../images/thing10-1.png") no-repeat center center;
    mask: url("../images/thing10-1.png") no-repeat center center;
    mask: url("../images/thing10-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-1 {
    top: 66.7%;
    left: 2.1%;
    width: 95.8%;
    -webkit-mask: url("../images/thing10-1.png") no-repeat center center;
    mask: url("../images/thing10-1.png") no-repeat center center;
    mask: url("../images/thing10-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-1 {
    top: 60%;
    left: 2.1%;
    width: 95.8%;
    -webkit-mask: url("../images/thing10-1.png") no-repeat center center;
    mask: url("../images/thing10-1.png") no-repeat center center;
    mask: url("../images/thing10-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 8%;
    left: 8.25%;
    width: 83.5%;
}