.topics-and-recommended-list {
  max-width: 300px;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.topics-and-recommended-list h5 {
  font-size: 1.25rem; /* 20px */
  font-weight: 700;
  color: #00154a;
  margin-bottom: 1rem;
}

.topics-and-recommended-list .topics-list .topics-list_items {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
}

.topics-and-recommended-list .recommended-list_items {
  display: flex;
  flex-direction: column;
}

.list-recommended-item {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid darkgray;
}

.list-recommended-item_title {
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.list-recommended-item_date {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 16px;
}

.list-recommended-item_date span {
  color: #00154a;
  font-weight: 300;
  text-transform: capitalize;
}

.list-recommended-item_tags {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
}

button.load-more {
  display: flex;
  padding: 20px 40px;
  gap: 8px;
  color: white;
  border-radius: 50px;
  border: 1px solid #ee7149;
  background: #ee7149;
  width: fit-content;
  max-width: 170px;
}

@media (max-width: 992px) {
  .topics-and-recommended-list .topics-list {
    margin-top: 20px;
  }

  .topics-and-recommended-list {
    max-width: unset;
  }

  .topics-and-recommended-list .topics-list .topics-list_items {
    max-width: 285px;
  }
}