/* ==========================================================================
   Sleep Gallery
   Figma: banner 1631.497 × 340.228px, centered
   CTA position: left 61.21px, top 205.74px within banner
   ========================================================================== */
.sleep-gallery {
    padding: 60px 0;
}

.sleep-gallery .container {
    max-width: 1632px;
}

.sleep-gallery__content {
    bottom: 49px;
    left: 61px;
}

/* Figma: 423.376 × 85.015px, transparent bg, border 0.85px #016c62, radius 56.11px */
.sleep-gallery__cta {
    width: 423.376px;
    height: 85.015px;
    color: #016f64;
    font-size: 23.804px;
    border: 0.85px solid var(--teal);
    transition: all 0.3s;
}

.sleep-gallery__cta:hover {
    background-color: var(--teal);
    color: var(--white);
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1199px) {
    .sleep-gallery__cta {
        width: 350px;
        height: 70px;
    }
}

@media (max-width: 767px) {
    .sleep-gallery {
        padding: 50px 0 43px;
    }
    .sleep-gallery .container {
        padding: 0;
        max-width: 100%;
    }
    .sleep-gallery__content {
        inset: 0;
    }
    .sleep-gallery__cta {
        width: 100%;
        height: 100%;
        border: none;
        color: transparent;
        font-size: 0;
        border-radius: 0;
    }
}