.retail-map {
    background-image: url('../../../img/layout/retail/bg-retails.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.retail-map__figure {
    background-color: var(--white);
    padding: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 92.7% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 92.7% 100%, 0 100%);
}
.retail-map__figure > img {
    object-fit: contain;
}
.retail-map__figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.retail-map .bttn--black:hover {
  color: var(--black);
}
.retail-map .bttn--black:hover::before {
  background-color: var(--main-color);
  border-color: transparent;
}
@media only screen 
and (min-width : 961px) {
    .retail-map__row {
        height: 88.7rem;
        padding-right: 2.8rem;
    }
    .retail-map__figure {
        height: 69.6rem;
    }
    .retail-map__figcaption {
        right: 6.8%;
    }
    .retail-map .bttn {
        width: 23.4rem;
        height: 8rem;
    }
    .retail-map .bttn i {
        margin-left: 2rem;
    }
}
@media only screen 
and (max-width : 960px) {
    .retail-map {
        padding: 6rem 1.5rem 4.9rem 0;
    }
    .retail-map__figure {
        height: 31.1rem;
    }
    .retail-map__figcaption {
        right: 6%;
    }
    .retail-map__figcaption .bttn--black {
        height: 6.1rem;
        min-width: 20.6rem;
        padding: 0 3rem;
    }
    .retail-map__figcaption .icon-arrow {
        margin-left: 1.5rem;
    }
}