/* Undo the global button text-indent and dimensions for image arrow controls. */
.custom-arrows button,
button.prev-btn,
button.next-btn,
button.tail-prev,
button.tail-next {
    text-indent: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-width: 44px;
    min-height: 44px;
    line-height: 1;
}

.custom-arrows button img,
button.prev-btn img,
button.next-btn img,
button.tail-prev img,
button.tail-next img {
    display: block;
    text-indent: 0;
    max-width: 100%;
    height: auto;
}