.cx-city-section{
    padding: 60px 0;
    background: #ffffff;
}

.cx-city-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
    padding: 20px 15px;
}

.cx-city-box{
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 220px;
    padding: 16px 24px;

    background: #ffedcc;
    border: 1px solid #fde3bc;

    border-radius: 14px;

    color: #111827;
    text-decoration: none;

    font-size: 16px;
    font-weight: 600;

    transition: 0.3s ease;
}

/* Hover */
.cx-city-box:hover{
    background: #fde3bc;
    transform: translateY(-4px);
}