.hero-slider .btn-style2 > span {
    pointer-events: none;
}

.hero-slider .btn-style2 .theme-btn-arrow-right svg {
    transform: rotate(-30deg);
}

.hero-slider .hero-content[dir="rtl"] .btn-style2 .theme-btn-arrow-right svg {
    transform: rotate(-150deg);
}

.hero-slider .hero-content[dir="rtl"] .btn-style2 .theme-btn-arrow-left svg {
    transform: rotate(180deg);
}

.hero-slider .btn-style2:focus-visible {
    outline: 2px solid white;
    outline-offset: 4px;
}