.custom-city-btn {
                background-color: rgba(217, 27, 91, 0.08);
                color: #D91B5B;
                border-radius: 0.5rem;
                padding: 1rem;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                height: 100%;
                text-decoration: none;
                transition: all 0.3s ease;
            }

            .custom-city-btn:hover {
                background-color: #D91B5B !important;
                color: #ffffff !important;
                transform: translateY(-4px);
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            }

            .custom-city-btn:hover span {
                color: #ffffff !important;
            }