.elementor-10964 .elementor-element.elementor-element-27f08ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10964 .elementor-element.elementor-element-27f08ee.e-con{--align-self:center;}.elementor-10964 .elementor-element.elementor-element-e99680e.elementor-element{--align-self:flex-end;}.elementor-10964 .elementor-element.elementor-element-f5eedb9{--grid-columns:3;}@media(max-width:1024px){.elementor-10964 .elementor-element.elementor-element-f5eedb9{--grid-columns:2;}}@media(max-width:575px){.elementor-10964 .elementor-element.elementor-element-f5eedb9{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-e99680e */.frame-filters {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
}
.filter-button {
    display: inline-block;
    width: 25px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    text-decoration: none;
    position: relative;
}
.filter-image {
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.3s;
}
.filter-button:hover .filter-image,
.filter-button.active .filter-image {
    opacity: 0.6;
}

/* Optional: To make the filter button visually indicate it is selected */
.filter-button.active .filter-image {
    border: 2px solid #AC0000;
}/* End custom CSS */