.hot-match .team-box .logo {
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  object-fit: contain;
  margin-top: 10px;
}

.hot-match .vs-box .vs {
  font-size: 20px;
  font-weight: bold;
}
.hot-match .date span {
  padding: 0 4px;
}

.hot-match .date .status {
  font-weight: bold;
  color: #999;
}
.hot-match {
  height: 250px;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
}
.hot-match .swiper-pagination {
  height: 30px;
  top: auto;
  left: auto;
  text-align: center;
}
.hot-match .padding-left-20 {
  padding-left: 20px;
}

.hot-match.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.hot-match .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}