.project-wrapper-flex {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 12px;
}

.card-project {
    display: flex;
    gap: 1rem;
    padding: 16px 24px;
    border-radius: 16px;
    background: var(--white);
    align-items: center;
    /* width: max-content; */
}

.card-project-name {
    font-weight: 600;
    font-size: clamp(15px, 2vw,16px);
    line-height: clamp(24px, 2vw,26px);
    color: #333338;
}

.card-project:hover{
    box-shadow: 0px 4px 28px 0px rgba(49, 56, 79, 0.06);
    
}
.card-project:hover .card-project-name{
    color: var(--brand-blue);
}


.card-project-link{
    padding: 16px 32px !important;
    font-weight: 600 !important;
    font-size: clamp(15px, 2vw,16px) !important;
    line-height: clamp(24px, 2vw,26px) !important;
    border-radius: 16px !important;
}

@media (max-width: 768px) {
     .project-wrapper-overflow {
        display: grid;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
    }
    .project-wrapper-flex{
        min-width: 1620px;
    }
    .card-project-name{
        white-space: nowrap;
    }
    .card-project-link{
        justify-content: start;
        width: max-content;
    }
}