/* CTA BUTTON */
.cta-btn-wrap {
    position: relative;
	display:inline-block
}

/* Shadow Button */
.cta-btn-shadow {
    position: absolute;
    top: 6px;
    left: -6px;
    width: 100%;
    height: 100%;
    background-color: #2E2624;
    border-left: 8px solid #2E2624;
    border-bottom: 8px solid #2E2624;
    pointer-events: none;
    z-index: 1;
}

/* Real CTA Button */
.cta-btn-main {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.687em  1.6999em; /* Default desktop padding */
    background: #EAE3DA;
    border: 2px solid #2E2624;
    color: #2E2624;
    text-decoration: none;
    font-size: 1.434vw;
    font-family: "RetorRegular";
    z-index: 2;
    transition: transform .25s ease;
}

.cta-btn-main:hover {
    transform: translate(12px, -12px);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .cta-btn-main {
        padding: 0.57rem 1.25rem;
        font-size: 1.5vw;
    }
}

@media (max-width: 767px) {
    .cta-btn-main {
        padding: 0.5rem 1.5rem;
        font-size: 5vw;
    }
    .cta-btn-shadow {
        top: 4px;
        left: -4px;
        border-left-width: 6px;
        border-bottom-width: 6px;
    }
    .cta-btn-main:hover {
        transform: translate(8px, -8px);
    }
}
@media screen and (min-width: 540px) and (max-width: 720px) {
    .cta-btn-main {
        font-size: 4vw;
        padding: 1rem 2rem;
    }
}
@media screen and (max-width: 539px) {
    .cta-btn-main {
        padding: 4.7vw 5.31vw;
        font-size: 5.31vw;
    }
}