.card-arrows__container {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.card-arrows__container>button {
    margin: 0 14px;
    height: min-content;
}

.card-arrows__container svg {
    height: 21px;
    width: min-content;
    fill: #E7E7E7;
}

.card-arrows__container>button:first-child svg {
    transform: rotate(180deg);
}

.card-arrows__container>button:disabled {
    cursor: default;
}

.card-arrows__container>button:disabled svg {
    opacity: 0.5;
}