.hot-links {
  background: #f3f3f4;
  border-radius: 20px;
  overflow: hidden;
  width: 300px;
}

.hot-links--wide {
  width: 100%;
}

.hot-links *,
.hot-links *::before,
.hot-links *::after {
  box-sizing: border-box;
}

.hot-links__header {
  align-items: center;
  background: linear-gradient(102deg, #007eb8 11.924%, #00aeef 53.953%, #34c9ff 78.317%);
  color: #ffffff;
  display: flex;
  min-height: 68px;
  padding: 19px 25px;
}

.hot-links__title {
  font-family: 'Geist', 'Inter', 'Segoe UI', sans-serif;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.24;
  margin: 0;
  text-transform: uppercase;
}

.hot-links__items {
  display: flex;
  flex-direction: column;
  padding: 30px 26px 33px;
}