.powrot {
display: inline-block;
padding: 12px 25px;
border: 1px solid var(--g1-color);
color: var(--g2-color);
font-size: 18px;
transition: all 0.5s ease-out 0s;
cursor: pointer;
float: right;
margin: 20px 0px 0px 0px;
font-weight: 500;
font-family: var(--gfont2-family);
}

.powrot:before {
content: '';
display: inline-block;
width: 22px;
height: 15px;
margin-right: 10px;
transition: all 0.5s ease-out 0s;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MC4yMTUiIGhlaWdodD0iMjkuMjQ3IiB2aWV3Qm94PSIwIDAgNDAuMjE1IDI5LjI0NyI+DQogIDxwYXRoIGlkPSJiYWNrIiBkPSJNMzguMzg3LDE2LjQ1Mkg2LjI0bDkuNjc1LDkuNjc1YTEuODI4LDEuODI4LDAsMSwxLTIuNTg1LDIuNTg1bC0xMi44LTEyLjhhMS44MjgsMS44MjgsMCwwLDEsMC0yLjU4NWwxMi44LTEyLjhBMS44MjgsMS44MjgsMCwxLDEsMTUuOTE2LDMuMTJMNi4yNCwxMi44SDM4LjM4N2ExLjgyOCwxLjgyOCwwLDAsMSwwLDMuNjU2WiIgZmlsbD0iIzMwNDUxZCIvPg0KPC9zdmc+DQo=');
background-size: auto 100%;
background-repeat: no-repeat;
}
.powrot:hover:before {
filter: brightness(0) invert(100%);
}

.powrot:hover{
color: #FFFFFF;
background-color:  var(--g1-color);
}

.powrot:hover:before {

}