.widget-area ul.aea-brands-slider, .aea-brands-slider {
  overflow: hidden;
  margin: 0 -10px;
  li.item {
    padding: 0 10px;
    &:not(.slick-slide) {
      display: none;
      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3),
      &:nth-child(4) {
        display: block;
        width: 25%;
        float: left;
      }
    }
    .button {
      color: #fff;
    }
    .brand-content {
      position: relative;
      margin: 0;
      padding: 0;
      height: 100px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border: 1px solid #ddd;
      a {
        font-size: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0;
        padding: 0;
        outline: none;
      }
    }

  }
  .slick-arrow {
    border-radius: 100%;
    background: $primary_color;
    border: none;
  }
  .slick-prev {
    left: 10px;
  }
  .slick-next {
    right: 10px;
  }
}