#pinnedCities {
    position: absolute;
    top: 120px;
    left: 50px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    z-index: 9999;
}

.pinned-city {
    background: var(--pinned-bg);
    color: var(--pinned-text);
    padding: 15px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: bold;
}

.remove-city {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 20px;
}