ul li.translate a::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' viewBox='0 0 500 500'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23646464; stroke-miterlimit: 10; stroke-width: 20px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M102.62,378.07c42.64-17.2,92.53-27.1,145.85-27.1s105.44,10.35,148.7,28.27'/%3E%3Cpath class='st0' d='M401.3,139.2c-44.13,18.99-96.58,30.01-152.84,30.01s-106.43-10.55-149.95-28.79'/%3E%3C/g%3E%3Ccircle class='st0' cx='249.9' cy='259.21' r='191.25'/%3E%3Cpath class='st0' d='M315.58,259.21c0,105.62-47.36,191.25-65.68,191.25s-65.68-85.62-65.68-191.25,45.33-191.25,65.68-191.25,65.68,85.62,65.68,191.25Z'/%3E%3Cline class='st0' x1='53.82' y1='259.21' x2='445.98' y2='259.21'/%3E%3C/svg%3E");
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
}
ul li.translate a:hover::before,
ul li.translate.active a:hover::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' viewBox='0 0 500 500'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23c18e60; stroke-miterlimit: 10; stroke-width: 20px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M102.62,378.07c42.64-17.2,92.53-27.1,145.85-27.1s105.44,10.35,148.7,28.27'/%3E%3Cpath class='st0' d='M401.3,139.2c-44.13,18.99-96.58,30.01-152.84,30.01s-106.43-10.55-149.95-28.79'/%3E%3C/g%3E%3Ccircle class='st0' cx='249.9' cy='259.21' r='191.25'/%3E%3Cpath class='st0' d='M315.58,259.21c0,105.62-47.36,191.25-65.68,191.25s-65.68-85.62-65.68-191.25,45.33-191.25,65.68-191.25,65.68,85.62,65.68,191.25Z'/%3E%3Cline class='st0' x1='53.82' y1='259.21' x2='445.98' y2='259.21'/%3E%3C/svg%3E");
}

ul li.translate.active a::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' viewBox='0 0 500 500'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23442359; stroke-miterlimit: 10; stroke-width: 20px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='st0' d='M102.62,378.07c42.64-17.2,92.53-27.1,145.85-27.1s105.44,10.35,148.7,28.27'/%3E%3Cpath class='st0' d='M401.3,139.2c-44.13,18.99-96.58,30.01-152.84,30.01s-106.43-10.55-149.95-28.79'/%3E%3C/g%3E%3Ccircle class='st0' cx='249.9' cy='259.21' r='191.25'/%3E%3Cpath class='st0' d='M315.58,259.21c0,105.62-47.36,191.25-65.68,191.25s-65.68-85.62-65.68-191.25,45.33-191.25,65.68-191.25,65.68,85.62,65.68,191.25Z'/%3E%3Cline class='st0' x1='53.82' y1='259.21' x2='445.98' y2='259.21'/%3E%3C/svg%3E");
}