.btn-311.btn-arrow,
.btn-311.btn-arrow svg path {
    transition: transform 0.3s;
}

.btn-311.btn-arrow {
    display: inline-block;
    transform: rotate(315deg);
}

.btn-311.btn-arrow:hover {
    transform: rotate(360deg);
}

.btn-311.btn-arrow:hover svg path {
    fill: var(--color-3);
}