.splide__arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(calc(100% + 100px), calc(100vw - 20px));
    transform: translate(-50%, -18px);
    display: flex;
    justify-content: space-between;
    z-index: 1;
    height: 0;
}

.splide__arrows svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.splide__arrows > button {
    background-color: rgb(255 255 255 / 50%);
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 6px;
    color: rgb(88 90 94);
    border: 2px solid currentColor;
}
.splide__arrows > button[disabled] {
    color: rgb(154 159 165);
    opacity: .6;
}

.splide__arrows > button:not([disabled]):hover {
    color: #C52A33;
}

.splide__arrows > button.splide__arrow--prev {
    transform: rotate(180deg);
}

ul > li.splide__slide > a.flex-post-tile {
    text-decoration: none;
}