.
.distance_item {
    color: #888;
    font-size: 0.8rem;
}

.listingbox_stats {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    margin: 10px auto 0 auto;
}

.listingbox_rating_wrap {
    display: flex;
    gap: 2px;
}

.rating_item {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.rating_full {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFD700"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}

.rating_empty {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e0e0e0"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}

.rating_fraction{
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><clipPath id="clip"><rect x="0" y="0" width="12" height="24"/></clipPath></defs><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="%23e5e5e5"/><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="%23FFD700" clip-path="url(%23clip)"/></svg>');}

/* Directions item */
.driving_directions {
    margin: 1.5rem auto;
    width: 100%;
    max-width: 390px;
}

.directions_item {
    background-color: #ffffff;
    border: 2px solid #2E86C1;
    color: #1f618d;
    padding: 1rem;
    border-radius: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

.directions_item:hover {
    background-color: #1f618d;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(46, 134, 193, 0.2);
}

.directions_car {
    font-size: 1.25rem;
}

.directions_item span {
    font-weight: 500;
}


/* Mobile (Default) */
@media (max-width: 767px) {


    [class*="directions_item"],
    [style*="text-decoration:underline"] {
        padding: 10px;
    }
}