header nav ul li:nth-child(1) a {
    font-weight: 700;
}

@media only screen and (min-width: 0px), (min-device-width: 0px) {
    .box-container {
        width: 80.9vw;
        margin: 0 auto;
    }

    /* Hero Section */
    .hero {
        margin-top: 28.95vh; /* Altura do header */
        width: 100%;
        color: var(--white);
        text-align: center;
        align-items: center;
        justify-content: center;

        .background-image {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 139.55vh;
            z-index: -1;
        }

        .background-image-mobile {
            display: none;
        }

        .hero-content {
            /* max-width: 1150px; */
            margin: 0 auto;

            .subtitle {
                margin-top: 6.5vh;
                font-size: 2.82vh;
                color: var(--white);
                text-align: start;
                font-weight: 400;
                width: 620px;
            }

            .action-buttons {
                display: flex;
                justify-content: center;
                width: 90%;

                gap: 4.51vw;
                margin: 13.42vh auto 1.41vh auto;

                
                .option {
                    width: 31.94vw;
                    font-weight: 400;
                    font-size: 2.26vh;
                    text-align: center;
                    /* Mantém seus outros estilos */
                    background-color: transparent !important;
                    color: var(--white) !important;
                    border-bottom: 0.28vh dashed transparent;
                    padding-bottom: 0.71vh;

                    transition: all 0.4s ease;
                    cursor: pointer;
                }

                .selected {
                    font-weight: 700;
                    border-bottom: 0.28vh dashed var(--orange);
                }
            }

            .search-container {
                width: 100%;
                min-height: 14.27vh; /* Alterado para min-height */   
                border-radius: 7.06vh;
                background-color: var(--white);
                margin: 0 auto;
                box-shadow: inset 0 0.56vh 0.71vh 0 var(--black40);
                display: flex;
                padding: 2.12vh; /* Adicionar padding para espaçamento interno */

                .search-bar {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-around;
                    width: 100%;

                    .mobile-layout {
                        gap: 20px;
                    }
                
                    .change {
                        height: 3.95vh;
                        margin-bottom: 1.69vh;
                        align-self: flex-end;
                        cursor: pointer;
                    }
                
                    .search-field {
                        align-items: center;
                
                        .icon {
                            height: auto;
                            object-fit: contain;
                            align-self: flex-end;
                        }
                
                        .select-field {
                            align-items: start;
                            margin-left: 1.25vw;
                        }
                
                        .select-field img {
                            height: 1.27vh;
                            color: var(--gray);
                            position: absolute;
                            margin-left: 18.04vw;
                            margin-top: 4.2vh;
                
                            transition: transform 0.3s;
                        }
                
                        .input-field {
                            gap: 1.39vw;
                        }
                    }
                
                    .search-field label {
                        display: block;
                        /* margin-bottom: 8px; */
                        font-weight: 700;
                        font-size: 2.12vh;
                        margin-left: 0.14vw;
                        text-align: start;
                        color: var(--black);
                    }
                
                    .search-field select {
                        width: 19.86vw;
                    }
                
                    .search-field input[type="date"],
                    .search-field input[type="time"] {
                        width: 8.3vw;
                        background-color: var(--white);
                        outline: none;
                        appearance: none;
                
                        padding: 1.13vh 0.14vw;
                        border: none;
                        border-bottom: 0.21vh solid var(--gray);
                
                        font-size: 2.12vh;
                        font-weight: 500;
                        font-style: italic;
                        font-family: 'Montserrat', sans-serif;
                        color: var(--black);
                        cursor: pointer;
                    }
                
                    #time {
                        width: 5.35vw;
                    }

                    .search-field input[type="text"],
                    .search-field input[type="email"] {
                        width: 15.28vw;
                        background-color: var(--white);
                        outline: none;
                        appearance: none;
                
                        padding: 1.13vh 0.14vw;
                        border: none;
                        border-bottom: 0.21vh solid var(--gray);
                
                        font-size: 2.12vh;
                        font-weight: 500;
                        font-style: italic;
                        font-family: 'Montserrat', sans-serif;
                        color: var(--black);
                        cursor: pointer;
                    }
                
                    .search-btn {
                        display: flex;
                        align-items: center;
                        font-size: 2.26vh;
                        font-family: 'Montserrat', sans-serif;
                        font-weight: 800;
                        cursor: pointer;
                
                        gap: 0.9vw;
                        color: var(--orange) !important;
                        background-color: transparent;
                        border: none;
                    }
                
                    .search-btn img {
                        height: 3.72vh;
                    }
                    
                }
            }

            .search-container-load {
                width: 100%;
                height: 14.27vh;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-around;

                border-radius: 7.06vh;
                background-color: var(--white);
                box-shadow: inset 0 0.56vh 0.71vh 0 var(--black40);

                margin: 0 auto;
                padding: 2.12vh;

                .mobile-layout-load {
                    gap: 20px;

                    .change {
                        display: none;
                    }
                }

                .search-field {
                    align-items: center;
            
                    .icon {
                        align-self: center;
                    }
            
                    .select-field, .input-field {
                        align-items: start;
                        margin-left: 1.25vw;
                    }
            
                    .select-field img, .input-field img {
                        height: 1.27vh;
                        color: var(--gray);
                        position: absolute;
                        margin-left: 7.78vw;
                        margin-top: 4.2vh;
            
                        transition: transform 0.3s;
                    }

                    .select-field label, .input-field label {
                        font-weight: 700;
                        font-size: 2.12vh;
                        margin-left: 0.14vw;
                        text-align: start;
                        color: var(--black);
                    }
            
                    input {
                        width: 15.28vw;
                        background-color: transparent;
                        outline: none;
                        appearance: none;
                        z-index: 2;
                        cursor: pointer;
                
                        padding: 1.13vh 0.69vw 1.13vh 0.14vw;
                        border: none;
                        border-bottom: 0.21vh solid var(--gray);
                
                        font-size: 2.12vh;
                        font-style: normal;
                        font-family: 'Montserrat', sans-serif;
                        color: var(--black);
                        font-weight: 500;
                    }

                    select {
                        width: 9.58vw;
                    }
                }

                .search-btn-load {
                    display: flex;
                    align-items: center;
                    font-size: 2.26vh;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 800;
                    cursor: pointer;
            
                    gap: 0.69vw;
                    color: var(--orange) !important;
                    background-color: transparent;
                    border: none;
                }
            
                .search-btn-load img {
                    height: 3.72vh;
                }
            }
        }

        .hero-content h1 {
            font-weight: 500;
            font-size: 5.93vh;
            line-height: 1.2;
            text-align: left;
            width: 768px;
        }
        
        .hero-content h1 b {
            font-weight: 700;
        }
    }

    /*------------------*/
    /* Voos Compartilhados e Voos Exclusivos */
    .flights-container {
        width: 100%;
        text-align: center;
        z-index: 3;
        /* padding: 40px 20px; */
        /* background-color: #070711; */

        /* .section-header {
            text-align: center;
            margin-bottom: 20px;
        } */

        .section-title {
            font-size: 4.24vh;
            color: var(--white);
            font-weight: 400;

            margin-bottom: 4.24vh;
        }

        .flights-grid {
            display: flex;
            gap: 2.08vw;

            .flight-card {
                background-color: var(--white);
                border-radius: 1.41vh;
                /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
                overflow: hidden;
                height: fit-content;
                /* transition: transform 0.2s ease-in-out; */

                .card-image {
                    display: flex;
                    align-items: end;
                    justify-content: end;

                    .flight-image {
                        width: 100%;
                        height: 14.12vh;
                        object-fit: cover;
                    }

                    .flight-condition {
                        position: absolute;
                        height: 3.67vh;
                        padding: 0 0.62vw;
                        background-color: var(--white);
                        border-radius: 0.71vh;
                        border: 0.14vh solid var(--light-gray);

                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-bottom: 1.41vh;
                        margin-right: 1.04vw;

                        font-weight: 700;
                        font-size: 1.69vh;
                        text-transform: uppercase;
                    }

                    .available {
                        color: var(--blue);
                    }

                    .last-seats {
                        color: var(--orange);
                    }
                }

                .flight-content {
                    padding: 2.82vh 1.04vw 1.82vh 1.04vw;
                    color: var(--black);
        
                    .flight-content-title {
                        align-items: center;
                        margin-left: 0.35vw;
                    }
        
                    .flight-content-title span{
                        font-weight: 700;
                        text-transform: uppercase;
                        font-size: 2.54vh;
                        margin-left: 0.49vw;
                        line-height: 120%;
                    }
        
                    .flight-content-title img{
                        height: 2.71vh;
                    }
                
                    .route {
                        font-weight: 400;
                        font-style: italic;
                        font-size: 1.98vh;
                        line-height: 120%;
                        text-align: start;
        
                        margin-top: 1.41vh;
                        margin-left: 0.35vw;
                    }
        
                    .separator {
                        margin-top: 2.4vh;
                        margin-bottom: 1.98vh;
                    }
        
                    .flight-details {
                        display: flex;
                        justify-content: space-between;
        
                        font-size: 1.98vh;
                        text-align: start;
                        font-weight: 400;
                        color: var(--black);
                        line-height: 120%;

                        margin-bottom: 1vh;

                        p {
                            font-size: 1.41vh;
                            font-weight: 700;
                        }
                    }
                }
            }
            
            /* .flight-card:hover {
                transform: translateY(-5px);
            } */
        }

        .flights-grid a {
            text-decoration: none;
            width: 25.56vw;
        }

        .no-flights {
            width: 100%;
            border-radius: 2.82vh;

            align-items: center;
            justify-content: center;
            padding: 8.2vh 0;

            background-color: var(--white10);

            img {
                height: 5.79vh;
                margin-bottom: 1.69vh;
            }

            h2 {
                font-weight: 600;
                font-size: 3.39vh;
                color: var(--white);

                width: 30.56vw;
                margin-bottom: 4.24vh;
            }
        }

        .see-all-container {
            align-items: center;
            margin-top: 2.82vh;
        
            .see-all-button {
                color: var(--white);
                font-weight: 700;
                text-decoration: underline;
                text-decoration-thickness: 0.14vh;
                font-size: 2.26vh;
                text-transform: uppercase;
            }
            
            /* .see-all-button:hover {
                text-decoration: underline;
            } */
        }
    }

    /*------------------*/
    /* Universo mobAIR */
    .about {
        width: 100%;
        margin-top: 25.42vh;

        .gradient-background {
            position: absolute;
            width: 100%;
            height: 233.19vh;
            left: 0;
            top: 138.98vh;
            z-index: -1;
        }

        .gradient-background-mobile {
            display: none;
        }

        .about-content {
            display: flex;
            justify-content: center;

            /* Imagem à esquerda */
            .about-image {
                height: 87.57vh;
                object-fit: cover;
                margin-left: 2.5vw;
            }

            /* Texto à direita */
            .about-text {
                margin-left: 5.49vw;
                margin-top: 7.06vh;
                /* padding: 60px 50px; */
                background: transparent; /* Remover o fundo sólido */
                display: flex;
                flex-direction: column;
                gap: 2.71vh;

                .plane-icon {
                    height: 4.24vh;
                    align-self: flex-start;
                }

                h2 {
                    font-size: 5.51vh;
                    font-weight: 400;
                    color: var(--white);
                }

                p {
                    font-size: 2.26vh;
                    font-weight: 400;
                    color: var(--white);

                    width: 34.17vw;
                }

                .buttons {
                    gap: 20px;
                    margin-top: 5px;
                }
            }  

            .buttons-mobile {
                display: none;
            }
        }
    }

    /*------------------*/
    /* Conheça a mobAIR */
    .solutions {
        margin-top: 31.07vh;

        .icon-solutions {
            height: 5.23vh;
        }

        .solutions-content {
            margin-top: 4.94vh;
            text-align: center;
        }

        .solutions-content h2 {
            font-weight: 700;
            font-size: 5.51vh;
            color: var(--black);
        }

        .solutions-content p {
            font-weight: 400;
            font-size: 2.26vh;
            color: var(--black);

            width: 45.69vw;
            margin: 0.71vh auto 0 auto;
        }

        .features {
            margin-top: 10.88vh;
            gap: 14.41vh;
            width: 100%;

            .feature-card {
                gap: 4.24vw;
                justify-content: center;
                
                .feature-image {
                    height: 43.5vh;
                }

                .feature-content {
                    width: 27.57vw;
                    margin-top: 2.97vh;

                    .feature-icon {
                        height: 4.24vh;
                    }

                    .feature-text {
                        margin-top: 2.82vh;
                    }

                    .feature-text h2 {
                        font-weight: 700;
                        font-size: 2.54vh;
                        color: var(--black);

                        width: 27.85vw;
                    }

                    .feature-text p {
                        font-weight: 400;
                        font-size: 2.26vh;
                        color: var(--black);

                        margin-top: 2.82vh;
                    }
                    
                    button {
                        margin-top: 4.94vh;
                    }

                }

            }
        }
    }

    .news {
        margin-top: 21.19vh;
        width: 100%;
        align-items: center;

        .news-content {
            width: 100%;
            align-items: center;

            h2 {
                font-size: 5.51vh;
                font-weight: 700;
            }

            p {
                margin-top: 2.82vh;
                font-size: 2.26vh;
            }
        }

        .news-cards {
            margin-top: 10.59vh;
            justify-content: space-between;
            width: 100%;

            .card {
                display: flex;
                flex-direction: column;
                width: 17.64vw;

                img {
                    height: 21.19vh;
                    width: 100%;
                    border-radius: 1.41vh;
                }

                .card-info {
                    align-items: flex-start;

                    h4 {
                        margin-top: 2.28vh;
                        font-size: 2.26vh;
                        font-weight: 700;

                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        line-clamp: 2;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                        
                    p {
                        margin-top: 1.41vh;
                        font-size: 1.98vh;

                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        line-clamp: 2;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }

                    a {
                        margin-top: 0.99vh;
                        color: var(--black);
                        text-decoration: underline;
                        font-size: 1.98vh;
                        font-weight: 700;
                    }
                }
            }
        }

        button {
            margin-top: 7.06vh;
        }
    }
}

@media only screen and (max-width: 560px), (max-device-width: 560px) {
    .box-container {
        width: 100%;
        /* padding: 0 32px; */
    }

    .hero {
        margin-top: 140px; /* Altura do header */
        width: 100%;
        padding: 0 32px;

        .background-image-mobile {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 821px;
            z-index: -1;
        }

        .background-image {
            display: none;
        }

        .hero-content {
            h1 {
                font-size: 29px;
                width: 100%;
            }

            .subtitle {
                width: 100%;
                margin-top: 20px;
                font-size: 16px;
            }

            .action-buttons {
                display: flex;
                justify-content: space-between;
                width: 96%;

                gap: 0;
                margin-top: 50px;

                .option {
                    width: 48%;
                    font-size: 14px;

                    border-bottom: 2px dashed transparent;
                    padding-bottom: 12px;
                }

                .selected {
                    font-weight: 700;
                    border-bottom: 0.28vh dashed var(--orange);
                }
            } 

            .search-container {
                margin-top: 20px;
                width: 100%;
                min-height: auto;
                border-radius: 0;
                background-color: transparent;
                box-shadow: none;
                padding: 0;

                .search-bar {
                    display: flex;
                    flex-direction: column;

                    .mobile-layout {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        gap: 20px;
                        width: 100%;

                        .change {
                            height: 40px;
                            margin-bottom: 0;
                            align-self: center;
                            position: absolute;
                            cursor: pointer;
                        }

                        .search-field {
                            height: 139px;
                            width: 153px;

                            border-radius: 35px;
                            background-color: var(--white);
                            box-shadow: inset 0 4px 4px 0 var(--black40);

                            flex-direction: column;
                            justify-content: center;

                            .icon {
                                height: auto !important;
                                object-fit: contain;
                                align-self: center;
                                width: 21.6px;
                                margin: 0 !important;
                                position: absolute;
                            }

                            .select-field {
                                height: 70%;
                                justify-content: space-between;
                                align-items: center;
                                margin-left: 0;

                                img {
                                    display: none;
                                }

                                select {
                                    width: 100%;
                                }
                            }
                        }
                    }
                
                    
                
                    .search-field {
                        align-items: center;

                        label {
                            display: flex;
                            font-size: 16px;
                            margin-left: 0;
                            text-align: center;
                        }
                    }

                    .search-field:nth-child(2) {
                        margin-top: 15px;
                        width: 316px;
                        padding: 12px 0px;
                        align-items: center;

                        border-radius: 35px;
                        background-color: var(--white);
                        box-shadow: inset 0 4px 4px 0 var(--black40);
                        
                        label {
                            align-self: center !important;
                        }

                        .input-field {
                            margin-top: 2px;
                            gap: 20px;
                        }

                        input[type="date"], input[type="time"] {
                            width: 128px;
                    
                            padding: 2px;
                            border-bottom: 2px solid var(--gray);
                    
                            font-size: 16px;
                        }
                    
                        #time {
                            width: 88px;
                        }
                    }
                
                    .search-btn {
                        margin-top: 34px;
                        font-size: 16px;
                        gap: 10px;

                        padding: 10px 30px;
                        border-radius: 50px;

                        outline: none;
                        border: none;

                        background-color: var(--orange);
                        color: var(--white) !important;

                        img {
                            height: 20px;
                            filter: brightness(0) invert(1);
                        }
                    }    
                }
            }

            .search-container-load {
                margin-top: 20px;
                min-height: auto;
                height: fit-content;
                border-radius: 0;
                background-color: transparent;
                box-shadow: none;
                padding: 0;

                flex-direction: column;

                .search-field {
                    .select-field img, .input-field img {
                        display: none;
                    }

                    select {
                        /* width: 9.58vw; */
                    }
                }

                > .search-field {
                    margin-top: 0;
                    width: 316px;
                    padding: 12px 32px;
                    align-items: center;

                    border-radius: 35px;
                    background-color: var(--white);
                    box-shadow: inset 0 4px 4px 0 var(--black40);

                    img {
                        display: none;
                    }

                    .input-field {
                        width: 100%;
                        margin-left: 0;

                        label {
                            font-size: 16px;
                            margin-left: 2px;
                        }

                        input {
                            width: 100%;
                            border-bottom: none;
                            font-size: 16px;
                            padding: 0;
                            margin-top: 4px;
                        }
                    }
                }

                > .search-field:nth-child(2) {
                    margin-top: 16px;
                }

                .mobile-layout-load {
                    margin-top: 16px;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    width: 100%;

                    .change {
                        display: none;
                        height: 40px;
                        margin-bottom: 0;
                        align-self: center;
                        position: absolute;
                        cursor: pointer;
                    }

                    .search-field {
                        height: 139px;
                        width: 153px;

                        border-radius: 35px;
                        background-color: var(--white);
                        box-shadow: inset 0 4px 4px 0 var(--black40);

                        flex-direction: column;
                        justify-content: center;

                        .icon {
                            height: auto !important;
                            object-fit: contain;
                            align-self: center;
                            width: 30px;
                            margin: 0 !important;
                            position: absolute;
                        }

                        .select-field {
                            height: 70%;
                            justify-content: space-between;
                            align-items: center;
                            margin-left: 0;

                            label {
                                font-size: 16px;
                                margin-left: 2px;
                            }

                            img {
                                display: none;
                            }

                            select {
                                width: 100%;
                            }
                        }
                    }
                }

                .search-btn-load {
                    margin-top: 34px;
                    font-size: 16px;
                    gap: 10px;

                    padding: 10px 30px;
                    border-radius: 50px;
                    outline: none;
                    border: none;

                    background-color: var(--orange);
                    color: var(--white) !important;

                    img {
                        height: 20px;
                        filter: brightness(0) invert(1);
                    }
                }
            }
        }
    }

    .background-mobile {
        background: url("/assets/backgrounds/gradient_background_mobile.png");
        background-position: bottom;
        background-size: cover;
        background-repeat: no-repeat;

        padding: 73px 32px 100px 32px;
    }

    .flights-container {
        margin-top: 0 !important;

        .section-title {
            font-size: 26px;
            margin-bottom: 35px;
        }

        .flights-grid {
            flex-direction: column;
            gap: 41px;

            a {
                width: 100%;
            }

            .flight-card {
                border-radius: 10px;

                .card-image {
                    .flight-image {
                        height: 100px;
                    }

                    .flight-condition {
                        height: 26px;
                        padding: 0 9px;
                        border-radius: 5px;
                        border: 1px solid var(--light-gray);

                        margin-bottom: 12px;
                        margin-right: 18px;

                        font-size: 12px;
                    }
                }

                .flight-content {
                    padding: 21px 17px;
        
                    .flight-content-title {
                        margin-left: 3px;
                    }
        
                    .flight-content-title span{
                        font-size: 18px;
                        margin-left: 10px;
                    }
        
                    .flight-content-title img{
                        height: 19px;
                    }
                
                    .route {
                        font-size: 14px;
        
                        margin-top: 10px;
                        margin-left: 3px;
                    }
        
                    .separator {
                        margin-top: 20px;
                        margin-bottom: 20px;
                    }
        
                    .flight-details {
                        font-size: 14px;

                        p {
                            font-size: 10px;
                        }
                    }
                }
            }
        }

        .no-flights {
            width: 100%;
            border-radius: 15px;

            padding: 35px 44px;

            img {
                height: 36px;
                margin-bottom: 20px;
            }

            h2 {
                font-size: 20px;

                width: auto;
                margin-bottom: 30px;
            }
        }
    }

    .flights-container:nth-child(2) {
        margin-top: 73px !important;
    }

    .about {
        margin-top: 100px;

        .gradient-background {
            display: none;
        }

        .gradient-background-mobile {
            display: block;
            position: absolute;
            width: 100%;
            height: 1939px;
            left: 0;
            top: 821px;
            z-index: -1;
        }

        .about-content {
            display: flex;
            justify-content: center;
            flex-direction: column-reverse;

            /* Imagem à esquerda */
            .about-image {
                height: 414px;
                object-fit: contain;
                margin-left: 0;
                margin-top: 40px;
            }

            /* Texto à direita */
            .about-text {
                margin: 0;
                gap: 25px;

                .plane-icon {
                    height: 30px;
                }

                h2 {
                    font-size: 30px;
                }

                p {
                    font-size: 16px;
                    width: 100%;
                }

                .buttons {
                    display: none;
                }
            }  

            .buttons-mobile {
                display: flex;
                margin-top: 35px;
                align-items: center;
                gap: 20px;
            }
        }
    }

    .solutions {
        margin-top: 20px;
        width: 100%;
        padding: 0 32px;

        .icon-solutions {
            height: 36px;
        }

        .solutions-content {
            margin-top: 30px;

            h2 {
                font-size: 30px;
            }

            p {
                font-size: 16px;
                width: 90%;
                margin-top: 20px;
            }
        }

        .features {
            margin-top: 50px;
            gap: 55px;

            .feature-card {
                gap: 20px;
                flex-direction: column;
                
                .feature-image {
                    width: 100%;
                    height: auto;
                }

                .feature-content {
                    width: 100%;
                    margin-top: 0;

                    .feature-icon {
                        height: 30px;
                    }

                    .feature-text {
                        margin-top: 20px;

                        h2 {
                            font-size: 20px;
                            width: 100%;
                        }

                        p {
                            font-size: 16px;
                            margin-top: 15px;
                        }
                    }

                    button {
                        margin-top: 30px;
                    }
                }
            }

            .feature-card:nth-child(2) {
                flex-direction: column-reverse;

                .feature-content {
                    align-items: start;
                    text-align: start;
                }
            }
        }   
    }

    .news {
        margin-top: 75px;
        width: 100%;
        padding: 0 32px;

        .news-content {
            h2 {
                font-size: 30px;
            }

            p {
                margin-top: 20px;
                font-size: 16px;
                text-align: center;
            }
        }

        .news-cards {
            margin-top: 25px;
            flex-direction: column;

            .card {
                width: 100%;

                img {
                    height: auto;
                    width: 100%;
                    border-radius: 10px;
                }

                .card-info {
                    h4 {
                        margin-top: 20px;
                        font-size: 16px;
                    }
                        
                    p {
                        margin-top: 10px;
                        font-size: 14px;
                    }

                    a {
                        margin-top: 10px;
                        font-size: 14px;
                    }
                }
            }
        }

        a:has(> button) {
            margin-top: 7.06vh;

            button {
                margin: 0;
            }
        }
    }
}