<style>
.cat-corner:hover {
--_gradient: linear-gradient(to right, #3E77AE 0%, #3E77AE 100%); /*сюда можешь добавить любой цвет*/
--_t: 2px;
--_s: 10px;
position: relative;
&::after {
content: "";
background: var(--_gradient) top left / var(--_t) var(--_s),
var(--_gradient) top left / var(--_s) var(--_t),
var(--_gradient) top right / var(--_s) var(--_t),
var(--_gradient) top right / var(--_t) var(--_s),
var(--_gradient) bottom left / var(--_t) var(--_s),
var(--_gradient) bottom left / var(--_s) var(--_t),
var(--_gradient) bottom right / var(--_s) var(--_t),
var(--_gradient) bottom right / var(--_t) var(--_s);
background-repeat: no-repeat;
inset: 0;
pointer-events: none;
position: absolute;
}
}
</style>