/*
 * LDG Frame 1 - iOS < 17 fallback
 * Mirrors ldg_frame_1.css but uses vw instead of cqw,
 * and padding-bottom instead of aspect-ratio.
 *
 * Loaded only when ldg_cqw_fallback_is_unsupported() is true.
 */

.figma-frame-1 {
    aspect-ratio: unset !important;
    height: 0 !important;
    padding-bottom: 43.1771% !important; /* 829/1920 desktop */
    container-type: normal !important;
}

.cta-button {
    left: 7.8125vw !important;
    top: 29.06vw !important;
    width: 27.916vw !important;
    height: 5.677vw !important;
    border-radius: 100vw !important;
    box-shadow: 0px 0.1vw 1.66vw 0px rgba(0, 0, 0, 0.25) !important;
}

.button-icon-wrapper {
    left: 0.989vw !important;
    width: 3.69vw !important;
    height: 3.69vw !important;
}

.button-text {
    left: 5.67vw !important;
    font-size: 1.666vw !important;
}

@media screen and (max-width: 1199px) {
    .figma-frame-1 {
        padding-bottom: 40.5273% !important; /* 415/1024 tablet */
    }
    .cta-button {
        left: 7.56vw !important;
        top: 25.57vw !important;
        width: 27.83vw !important;
        height: 5.66vw !important;
    }
    .button-icon-wrapper {
        left: 0.98vw !important;
        width: 3.68vw !important;
        height: 3.68vw !important;
    }
    .button-text {
        left: 5.66vw !important;
        font-size: 1.66vw !important;
    }
}

@media screen and (max-width: 767px) {
    .figma-frame-1 {
        padding-bottom: 164.5455% !important; /* 724/440 mobile */
    }
    .cta-button {
        left: 14.77vw !important;
        top: calc(50% - 6.135vw) !important;  /* center dọc trong bg image */
        width: 70.22vw !important;
        height: 12.27vw !important;
    }
    .button-icon-wrapper {
        left: 2.12vw !important;
        width: 7.95vw !important;
        height: 7.95vw !important;
    }
    .button-text {
        left: 11.59vw !important;
        font-size: 4.54vw !important;
    }
}