.trip-tags-wrap {
margin-top: -8px;
display: flex;
justify-content: center;
}
.trip-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 12px;
} .trip-tag-pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid var(--color-border);
background: #fff;
font-size: 14px;
font-weight: 500;
color: var(--color-text-main);
text-decoration: none;
transition:
transform var(--transition-fast),
border-color var(--transition-fast),
box-shadow var(--transition-fast),
background var(--transition-fast);
}
.trip-tag-pill:hover {
transform: translateY(-2px);
border-color: rgba(37, 99, 235, .22);
box-shadow:
0 10px 24px rgba(15, 23, 42, .06);
} @media (max-width: 768px) {
.trip-tags {
gap: 10px;
}
.trip-tag-pill {
font-size: 13px;
padding: 9px 14px;
}
}