.button-icon-cat {
  width: 16px;
  fill: #329B7B;
  display: block;
    float: right;
    opacity: 0.8;
        height: 16px  ;
    margin-top: 5px;
}
.button-icon-cat:hover {
    cursor: pointer;
    opacity: 1
}
.flip {
    transform: rotate(180deg); 
}

.willow-other-categories-widget {
    border: 2px solid  var( --e-global-color-accent );
    height: auto;
     transition: all 1.5s ease-in-out;
    padding: 20px;
    max-width: 400px;
    border-radius: 10px;
}

.other-categories {
    color: #00444D;
    font-size: 22px;
    margin-bottom: 0;
}  
.category-dropdown-wrapper {
    position: relative;
    padding-top: 20px;
}
.category-dropdown-wrapper .sub-menu {
  background-color: #fff;
  display: block;
  z-index: 9;
  margin-top: 4px;
  border-style:none;border-radius:5px 5px 5px 5px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  font-size: 16px;
  list-style: none;
  font-weight: 400; 
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px; 
    position: absolute;
    width: 100%; 
}
.category-item a, .product-type-item a {  
    padding: 15px 16px;
    color: #00444d !important ;
    font-weight: 400;
   line-height: 16px;
   display: inline-block;
   width: 100%;
   border-radius: 5px; 

}
.category-item a:hover, .product-type-item a:hover {
    background-color: #EBFBF1;
    color: #00444d !important ;
}

 .filter-by-category, .filter-by-product-type {
     border: 1px solid #00444d;
     border-radius: 5px;
     padding: 10px 15px;
     color: #00444d;
     height: 45px;
}
.filter-by-category:after, .filter-by-product-type:after {
  content: ' ';
  background-color: #baf9d1;
  width: 46px;
  height: 43px;
  float: right;
  margin-right: -15px;
    margin-top:-10px;
  border-left: 1px solid #004049;
  border-radius: 0 4px 4px 0px;
  z-index: -4;  
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: center;  
 background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="%23329b7b"/%3E%3C/svg%3E');
}


.filter-by-category:hover, .filter-by-product-type:hover {
    cursor: pointer;
    background-color:   #EBFBF1;
}