.topics-list {
    display: flex;
    flex-flow: row wrap;
    --columns: 2;
    --gap: var(--grid-gap);
    --column-width: calc((100% - (var(--columns) * var(--gap))) / var(--columns));
    --margin: max(50px, calc(70 * var(--base-unit)));
    margin-right: calc(var(--gap) * -1);
  }
  
  .topics-list > li {
    width: var(--column-width);
    margin-right: var(--gap);
    margin-bottom: var(--margin);
  }
  
  
  @media (max-width: 1200px) {
    .topics-list {
      --columns: 1;
    }
  }
  
  @media (max-width: 900px) {
    .topics-list {
      --gap: var(--page-padding-left);
      --columns: 2;
    }
  }

  @media (max-width: 600px) {
    .topics-list {
      --columns: 1;
    }
  }

  
  
  
  .topics-list .btn-set {
    padding-top: max(20px, calc(35 * var(--base-unit)));
    margin-top: auto;
  }
  
  .topics-list .copy {
    margin-top: 1.625rem;
  }
  
  .topics-list .headline span {
    background: var(--color);
    box-shadow: 0 0 0 4px var(--color), 0 -3px 0 4px var(--color);
  }
  
  .topics-list article {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
  }