:is(.splide, .splide__controls) .splide__arrow {
    width: 55px;
    height: 55px;
    background: rgba(252, 252, 252, 0.70);
    border-radius: 50%;
    transition: var(--transition);
    color: var(--neutral);
}
:is(.splide, .splide__controls) .splide__arrow:disabled {
    opacity: 1;
}
:is(.splide, .splide__controls) .splide__arrow:not(:disabled):hover {
    background: var(--neutral-semi-light);
}
:is(.splide, .splide__controls) .splide__arrow svg {
    width: 24px;
    height: auto;
}
:is(.splide, .splide__controls) .splide__arrow--prev svg {
    transform: rotate(180deg);
}