.filterSimple {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: "Poppins", sans-serif;
  margin: 24px 0;
}
.filterSimple .list-Month {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
.filterSimple .list-Month :hover {
  background-color: #F6F5FF;
}
.filterSimple .list-Month .item-month {
  border-radius: 6px;
  margin: 5px;
  height: 35px;
  list-style: none;
}
.filterSimple .list-Month .item-month :hover {
  background-color: #F6F5FF;
}
.filterSimple .list-Month .item-month a.active {
  color: #fff;
  background-color: #7D89EA;
}
.filterSimple .list-Month .item-month a.active :hover {
  background-color: #7D89EA;
}
.filterSimple .list-Month .item-month a {
  color: #838282;
  text-decoration: none;
  display: flex;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 5px;
}
.filterSimple .list-Month .item-month a .text {
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
  text-align: center;
}

@media (max-width: 1400px) {
  .item-month {
    flex-basis: 15%;
  }
}
@media (min-width: 1400px) {
  .item-month {
    flex-basis: 7%;
  }
}
@media (max-width: 670px) {
  .item-month {
    flex-basis: 23%;
  }
}/*# sourceMappingURL=filtroSimples.css.map */