.top-destination {
  --_space-from-edge: .625rem;
  --_text-color: #fff;
  --_item-border-radius: .625rem;
}
.top-destination .top-destination__grid {
  --_gap: clamp(.75rem, 2cqi, 1.875rem);
  display: grid;
  grid-template-columns: repeat(var(--_cols, 2), minmax(0, 1fr));
  gap: var(--_gap);
  padding-inline: var(--_space-from-edge);
}
.top-destination .top-destination__item {
  position: relative;
  display: block;
  border-radius: var(--_item-border-radius);
  overflow: hidden;
}
.top-destination .top-destination__item:after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}
.top-destination .top-destination__item-thumb {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}
.top-destination .top-destination__item-content {
  position: absolute;
  z-index: 3;
  bottom: var(--_space-from-edge);
  left: var(--_space-from-edge);
}
.top-destination .top-destination__item-name {
  font-size: clamp(1rem, 2cqi, 1.125rem);
  color: var(--_text-color);
  margin-bottom: 0rem;
}
.top-destination .top-destination__item-count {
  line-height: 1;
}
.top-destination .top-destination__item-count i {
  color: var(--primary-lighter);
}
.top-destination .top-destination__item-count span {
  font-size: clamp(0.875rem, 1.5cqi, 1rem);
  color: var(--_text-color);
}
.top-destination .top-destination__footer {
  padding-block: 1.25rem 0;
}
.top-destination .top-destination__toggle-grid {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: fit-content;
}
.top-destination .gpw-button {
  margin-inline: auto;
}
@media screen and (min-width: 550px) {
  .top-destination {
    --_cols: 3;
  }
}
@media screen and (min-width: 850px) {
  .top-destination {
    --_cols: 4;
  }
}