.hero {
    width: 100%;
}

.hero__image-wrapper {
    position: relative;
    width: 100%;
}

.hero__image {
    display: block;
    width: 100%;
    height: auto;
}

.hero__cta {
    position: absolute;
    left: 7.2%;
    top: 88%;

    width: 22.5%;
    padding: 1.15% 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #bc7891;
    color: #fffaf7;

    border-radius: 0.55em;
    text-decoration: none;

    font-size: clamp(0.65rem, 1vw, 1.15rem);
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;

    box-shadow: 0 0.35em 0.9em rgba(90, 60, 70, 0.16);
}

@media (max-width: 600px) {

    .hero__cta {
        width: 42%;
        left: 4%;
        top: 87%;

        white-space: nowrap;

        font-size: clamp(0.55rem, 1.8vw, 0.75rem);
    }

}