.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
  top: 78%;
  left: 2.1%;
  width: 95.8%;
  -webkit-mask: url("../images/thing12-1.png") no-repeat center center;
  mask: url("../images/thing12-1.png") no-repeat center center;
  mask: url("../images/thing12-1.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer02-1 {
    top: 70%;
    left: 2.1%;
    width: 95.8%;
    -webkit-mask: url("../images/thing13-1.png") no-repeat center center;
    mask: url("../images/thing13-1.png") no-repeat center center;
    mask: url("../images/thing13-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-1 {
    top: 62%;
    left: 2.1%;
    width: 95.8%;
    -webkit-mask: url("../images/thing14-1.png") no-repeat center center;
    mask: url("../images/thing14-1.png") no-repeat center center;
    mask: url("../images/thing14-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 16.4%;
    left: 42.1%;
    width: 36.6%;
}