/* Tag design */

.tag__name {
  /* margin-top: 10px; */
  line-height: 50px;
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  a, p{
    padding: 8px 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}

.tag--unselected{
   a, p{
    background-color: #f1f1f1;
    color: #6c6c6c;
  }
}

.tag--selected{
  p{
    background-color: #737373;
    color: var(--color-white);
    font-weight: bold;
  }
}
.tag__name a:hover{
  background-color: #737373;
  text-decoration: none;
  color: var(--color-white);
}

/* Tags index */

.page--tags{
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* width: 70%; */
  .tag__name {
    /* width: max-content; */
    justify-content: left;
  }
  .tags-list-title{
    margin-top: 40px;
    text-align: center;
  }
  .tag__list{
    margin-left: 40px;
    margin-top: 45px;
  }
  .letters{
    margin-bottom: 10px;
    font-size: 20px;
    color: var(--color-dark);
  }
}

  @media (max-width: 767px) {

    /* Tags index */

    .tag__name{
      width: revert;
      justify-content: left;
      margin-top: 10px;
    }
    .page--tags{
      width: 80%;
      .tag__list{
        margin-left: 0;
      }
    }
  }