.tns-carousel [data-controls] {
    align-items: center;
    background-color: var(--custom-blue-1);
    border: 1px solid var(--custom-blue-1);
    color: var(--custom-white);
    display: flex;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    line-height: 1.1875rem;
    padding: 0;
    width: 2.5rem;
}

.tns-carousel [data-controls]:hover {
    background-color: var(--custom-orange-1);
    border-color: var(--custom-orange-1);
}

.tns-carousel [data-controls=prev] {
    left: 1rem;
}

.tns-carousel [data-controls=next] {
    right: 1rem;
}

.tns-carousel [data-nav] {
    background-color: var(--custom-gray-3);
}

.tns-carousel:not(.tns-controls-static) [data-controls=prev] {
    transform: translateX(1rem) translateY(-50%);
}

.tns-carousel:not(.tns-controls-static) [data-controls=next] {
    transform: translateX(-1rem) translateY(-50%);
}

.tns-carousel:not(.tns-controls-static):hover [data-controls] {
    transform: translateY(-50%);
    opacity: 1;
}