.filter-elements .btn-filter.filter-red.filter-red {
  background: transparent !important;
  border-radius: 360px;
  color: $secondary-color;
  border: 3px solid $secondary-color;

  @include media-breakpoint-down(md) {
    padding: 10px 10px;
    border: 2px solid #18385C;
  }

  &:hover,
  &:active,
  &:focus,
  &:active:focus {
    background: $secondary-color;
    color: $secondary-color !important;
    box-shadow: none;
  }

  .filter-options {
    color: $white;
  }
}

.filter-elements .btn-filter .icon img {
  filter: invert(0);
}

.filter-elements .btn-filter .icon-select img {
  filter: invert(1);
}

/* Attractions */
.filter-element {
  .figure {
    position: relative;

    &:before {
      display: block;
      position: absolute;
      content: '';
      background: green;
      width: 100%;
      height: 100px;
      left: 0;
      bottom: 0;
    }
  }
}

.filter-elements .box.filter-red .figure:before {
  background: transparent linear-gradient(180deg, #1dabeb00 0%, #FCC75E 100%) !important;
}

.filter-elements .box:hover .figure img {
  transform: none;
}