.shop-filter-widgets {
  .shop-filter-column {
    display: inline-block;
    margin-right: rem-calc(10);

    .select2 {
      margin-bottom: 0;
    }

    .select2 {
      background: #F6F6F6;
      margin: 0;
      border: 0;
      border-radius: 3px;
      @include global-transition();

      .select2-selection {
        border: 0;
        @each $breakpoint, $padding in $content-padding {
          @include breakpoint($breakpoint) {
            padding: 0 rem-calc($padding);
          }
        }
        @include breakpoint(large) {
          padding: 0 $form-spacing;
        }
        @include breakpoint(small) {
          padding: 0 rem-calc(5);
        }

        .select2-selection__rendered {
          display: inline-block;
          position: relative;

          &:after {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            height: 100%;
            align-items: center;
            @include nova_icon('\ea02');
            font-size: rem-calc(10);
            transition: transform 0.7s;
          }
        }

        .select2-selection__arrow {
          display: none;
        }
      }

      &.select2-container--open {
        background: v(site-secondary-button-color);
        color: #FFFFFF;

        .select2-selection__rendered:after {
          transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
        }
      }
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: v(site-heading-color);
    }

    .select2.select2-container--open {
      .select2-selection__placeholder {
        color: #fff !important;
      }
    }
  }
}
