.widget-list {
  border-top: 1px solid var(--light-gray);
  list-style-type: none;
  margin: 0 -1rem;
  margin-top: 1rem;
  margin-bottom: -1rem;
  padding: 0;

  & li {
    & a {
      padding: 1rem;
      display: block;
      font-size: 0.875rem;
      font-weight: normal;
    }

    & a:hover {
      background: var(--lightest-gray);
    }
  }
}

.dark-mode {
  .widget-list {
    border-top: 1px solid var(--gray-700);
  }

  & li {
    & a:hover {
      background: var(--gray-900);
    }
  }
}