.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    opacity: 0.8;
}

.offer01 {
    width: 85.5%;
    bottom: -7.5%;
    left: 11.75%;
    z-index: 1;
    -webkit-mask: url("../images/btn-01.png") no-repeat center center;
    mask: url("../images/btn-01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer02 {
    width: 85.3%;
    bottom: -5.5%;
    left: 12%;
    z-index: 1;
    -webkit-mask: url("../images/btn-02.png") no-repeat center center;
    mask: url("../images/btn-02.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer03 {
    width: 76.6%;
    bottom: 2.5%;
    left: 12%;
    z-index: 1;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer04 {
    width: 76.6%;
    bottom: 2.5%;
    left: 12%;
    z-index: 1;
    -webkit-mask: url("../images/btn-04.png") no-repeat center center;
    mask: url("../images/btn-04.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer05 {
    width: 76.6%;
    bottom: 0.5%;
    left: 12%;
    z-index: 1;
    -webkit-mask: url("../images/btn-05.png") no-repeat center center;
    mask: url("../images/btn-05.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer06 {
    width: 29.9%;
    top: 16%;
    left: 33.8%;
}

.offer07 {
      width: 29.9%;
    top: 40.2%;
    left: 33.8%;
}

.offer08 {
    width: 29.9%;
    top: 64.5%;
    left: 33.8%;
}

.offer09 {
        width: 29.9%;
    bottom: 9.5%;
    right: 9%;
}