<div class="np-homepage-featured np-homepage-topics np-max-width">
  <div class="np-homepage-featured-text">
    <div class="np-homepage-headline">
      Popular Topics
    </div>
  </div>
    <div class="np-topics-list row">
      <div class="col-xs-12 np-stretch-content" style="justify-content: space-evenly; flex-direction: row-reverse;"> 
        {% for category in current_school.filterable_categories %}
          <a class="np-top-button np-button np-button-secondary topic-button col-xs-2" href="/app/catalog?filter[category_uuid][in][]={{category.id}}">{{category.name}}</a>
        {% endfor %}
      </div>
  </div>
</div>

<style>
  .topic-button {
    border-radius: 8px;
    color: #2c4265 !important;
    border: 1px solid #2c4265 !important;
  }

  .topic-button:hover{
    color: #34abe2 !important;
  }
</style>