.accordion__button::after {
content: url(../image/accordion__arrow.svg);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
transition: transform 0.5s ease-in;
}
.accordion__wrapper.active .accordion__button::after {
transform: rotate(180deg);
}src: url(/fonts/637c2fa6a13ffa8d18f0.woff2) format("woff2"), url(/fonts/ba947e367d9bfe844d5d.woff) format("woff");display: flex;
flex-wrap: wrap;
justify-content: end;
margin: 0 -20px;margin: 10px 20px
width: calc(20% - 20px);<link href="/bitrix/templates/lyadov_n/template_styles.css?1657186404171841" type="text/css" data-template-style="true" rel="stylesheet" />background-attachment: fixed; padding-top: calc(100px - 10%);li {
background-color: gray;
}
li:hover {
background-color: white;
border-radius: 10px 0 0 10px;
}
li:hover + li {
border-radius: 0 10px 0 0;
}
li:has(+ li:hover) {
border-radius: 0 0 10px 0;
}