.hot-links-item {
  border-top: 1px solid rgba(94, 97, 103, 0.18);
  padding: 10px 0;
  gap: 0;
  width: 100%;
}

.hot-links-item__link,
.hot-links-item__content {
  color: #5e6167;
  display: block;
  text-decoration: none;
}

.hot-links-item__link:hover .hot-links-item__title,
.hot-links-item__link:focus-visible .hot-links-item__title {
  color: #007eb8;
}

.hot-links-item__link:focus-visible {
  outline: 2px solid #007eb8;
  outline-offset: 3px;
}

.hot-links-item__row {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.hot-links-item__title {
  color: inherit;
  flex: 1 1 auto;
  font-family: 'Geist', 'Inter', 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.004em;
  line-height: 1.5;
  margin: 0;
}

.hot-links-item__description {
  color: inherit;
  font-family: 'Geist', 'Inter', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.004em;
  line-height: 20px;
  margin: 0;
}

.hot-links-item__description:not(:empty) {
  margin-top: 2px;
}

.hot-links-item__chevron {
  color: #00aeef;
  flex: 0 0 auto;
  height: 16px;
  width: 16px;
}

.hot-links-item__chevron path {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.25;
}


.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;
}