.right > .headlines {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.right > .headlines > .articles {
  display: flex; flex-flow: column nowrap;
  list-style-type: none;
  margin-top: .5rem;
}

.right > .headlines > .articles > .article {
  width: 92%;
  margin: auto;
  border-bottom: 2px solid rgb(240, 240, 240);
  border-left: 4px solid rgb(211, 84, 0);
  border-radius: 4px;
  padding: .2rem .3rem .3rem .8rem;
  background-color: white;
  transition: background-color 0.2s ease-in-out;
}

.right > .headlines > .articles > .article:last-child {
  border-bottom: none;
}

.right > .headlines > .articles > .article:hover {
  background-color: rgb(247, 247, 247);
}

.right > .headlines > .articles > .article > a {
  font-size: 12px;
  text-decoration: none;
  color: var(--primary-font-color);
}

.right > .headlines > .articles > .article > a:hover {
  text-decoration: underline;
  color: var(--light-font-color);
}