.owl-theme .owl-nav {
    > button[class*="owl-"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgb(0, 0, 0, 0.5) !important;
        padding: 1rem;
        width: 3rem;
        height: 3rem;
        color: #fff !important;
        border-radius: 100vmax;
        transition: all 300ms ease-in-out;

        &:hover {
            background: rgb(0, 0, 0, 0.9) !important;
        }

        &.owl-prev {
            left: 1rem;
        }

        &.owl-next {
            right: 1rem;
        }
    }
}