Better Arrow Icons for the Carousel Modules in Total Theme

/*CAROUSEL ARROWS*/
.wpex-carousel__arrow-icon svg,
.wpex-carousel__arrow-icon.wpex-icon,
.wpex-carousel__arrow svg /*,
.wpex-slider .sp-arrow-inner*/ {
    display: none;
}
.wpex-carousel__arrow:where(:not(.theme-button)) {
    background-color: transparent !important;
}
.owl-prev .wpex-carousel__arrow-icon:before,
.wpex-carousel__arrow--prev:before /*,
.wpex-slider .sp-previous-arrow:before*/ {
    font-family: 'enym' !important;
    content: "\e909" !important;
    color: var(--wpex-accent) !important;
    font-size: 60px;
	position: relative;
}
.owl-next .wpex-carousel__arrow-icon:before,
.wpex-carousel__arrow--next:before /*,
.wpex-slider .sp-next-arrow:before*/ {
    font-family: 'enym' !important;
    content: "\e90a" !important;
    color: var(--wpex-accent) !important;
	font-size: 60px;
	position: relative;
}
@media only screen and (min-width: 1024px){
	.owl-prev .wpex-carousel__arrow-icon:before,
	.wpex-carousel__arrow--prev:before {
		left: -80px;
	}
	.owl-next .wpex-carousel__arrow-icon:before,
	.wpex-carousel__arrow--next:before {
		right: -80px;
	}
}