Tengo un problema que me está frustrando. He configurado el control deslizante Swiper en mi html; funciona bien, no hay problema, pero el problema es con las flechas. No sé por qué, pero cuando se hace clic en la flecha, aparece el cursor de mensajes de texto y creo que no debería ser así. ¿Alguien se ha enfrentado a un problema similar y cómo lo resolvió? Gracias

Imagen 👇

css para botones - `.main-slider .swiper-button-prev {

 position: absolute; background-repeat: no-repeat; height: 50px; width: 50px; border-radius: 50%; top: 30px;

}

.main-slider .swiper-button-siguiente {

 position: absolute; background-repeat: no-repeat; background-color: #40A2D5; height: 50px; width: 50px; border-radius: 50%; top: 30px;

}`

`.flecha-contenedor {

 min-height: 66px; max-width: 120px; text-align: center; margin: 0 auto; border-radius: 65px; position: relative; margin-top: 80px; margin-bottom: 65px;

}`

y el mismo problema es con los formularios HTML: puedo hacer clic fuera del formulario y aparece este texto frustrante para ingresar el cursor; probablemente muestre div, pero ¿se supone que debe hacer eso? Imagen 👇 ingrese la descripción de la imagen aquí