.hover-change-image:hover .left-btn,
.hover-change-image:hover .right-btn{
    display: block !important;
}
button .arrow {
    border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 10px;
    transition: transform 0.3s ease-out;
    outline: none;
}

.right-btn {
    margin: auto 0 auto -2em;
    max-height: min-content;
    z-index: 100;
    top: 40%;
    right: 0px;
}

.right-btn .arrow {
    transform: rotate(-45deg);
}

.left-btn {
    z-index: 0;
    margin: auto -2em auto 0;
    z-index: 100;
    top: 40%;
    left: 0px;
}

.left-btn .arrow {
    transform: rotate(135deg);
}

/* custom styles for UiSlider */
.noUi-target {
    cursor: pointer;
    
    :focus {
      outline: none;
    }
  }
  
  .noUi-horizontal {
    height: 9px;
  }
  
  .noUi-connect {
    background: #00ba90;
  }
  
  .noUi-base {
    background: #DEDEDE;
  }
  
  .noUi-horizontal .noUi-handle {
    top: -6px;
    right: -15px;
    width: 22px;
    height: 22px;
    background: #00ba90;
    border: 2px solid #0baa85;
    border-radius: 50%;
    box-shadow: unset;
    cursor: pointer;
    transition: transform .1s;
    
    &:before, &:after {
      content: none
    }
    
    &:hover {
      transform: scale(1.1);
    }
  }
  
  /* styles for filter */
  .filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 370px;
    border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 50px 4px rgba(0,0,0,0.75);
    padding: 20px;
  }
  
  .filter__label {
    position: relative;
    cursor: pointer;
    
    &:before {
      position: absolute;
      left: 8px;
      top: 50%;
      transform: translateY(-50%);
      color: #999999;
      font-size: 14px;
    }
      
    &:nth-child(1):before {
      content: 'from';
    }
    
    &:nth-child(2):before {
      content: 'to';
    }
  
  }
  
  .filter__input {
    height: 35px;
    border: 2px solid #0baa85;
    border-radius: 5px;
    padding: 0 10px 0 40px;
    cursor: pointer;
    max-width: 160px;
    
    &:focus {
      background: rgba(#00ba90, .2);;
    }
  }
  
  .filter__slider-price {
    width: 100%;
    margin: 20px 5px 0;
  }