.dm-hotTopics {
  display: block;
  background: var(--flint);
  color: var(--lightGrey);
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  height: calc(var(--brandLogoHeight) / 2);
}

.dm-hotTopics__list:after {
  background: linear-gradient(90deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0) calc(100% - 50px), rgba(51, 51, 51, 1) 100%);
}

.dm-hotTopics__list:before {
  content: none;
}

.dm-hotTopics__list {
  flex-wrap: nowrap;
  height: 100%;
}

.dm-hotTopics__list li:last-of-type a {
  border-right: none;
}

.dm-hotTopics__item a:hover {
  color: var(--brandColor);
}

.dm-hotTopics__item {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: .5rem;
}

.dm-hotTopics__item:first-of-type {
  padding-left: 1rem;
}

.dm-hotTopics::selection {
  color: initial;
  background: initial;
}

.dm-hotTopics__itemLink {
  border-right: 1px solid white;
  height: 60%;
}

.dm-hotTopics__itemLink:any-link {
  font-size: 1rem;
  display: inline-block;
  padding-top: 5px;
  padding-right: 1rem;
  padding-left: .4rem;
  font-family: var(--headlineFont);
  vertical-align: text-bottom;
  user-select: none;
  color: var(--navColor);
}

/* Size: breakpoint-M */
@media (min-width: 768px) {

  .dm-hotTopics__itemLink:any-link {
    font-size: 1.125rem;
  }

  .dm-hotTopics__list:after {
    content: none;
  }

}