&__block {
border-radius: $br;
position: relative;
cursor: pointer;
transition: .3s;
&::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.9) 85%);
top: 0;
left: 0;
transition: all .3s;
}
&::after {
content: url(/assets/img/arrow2.svg);
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-60%);
color: #fff;
transition: all .3s;
}
&:hover:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.29%, rgba(0, 0, 0, 0.8) 84.9%);
}
&:hover:after {
content: url(/assets/img/arrow.svg);
}
}