Paso 1: Haz clic en “Custom CSS” y pega el siguiente código en la ventana emergente. Guarda los cambios.

/*-----change border radius on hover-----*/

.cool-btn2 {
    border-radius: 0px !important;
    transition: 0.3s all
}

.cool-btn2:hover {
    border-radius: 50px !important;
}

/*-----change border radius on hover (END)-----*/

Paso 2: Haz clic en la sección o botón al que deseas agregar el efecto y, en el panel derecho, haz clic en “Advanced”. Escribe el nombre de la clase personalizada (en este caso, es cool-btn2) en el campo “Custom Class”. Presiona Enter.

Notarás que, al pasar el cursor sobre el botón, cambiará de tener bordes angulares a bordes suaves.

Puedes agregar esta clase personalizada a botones, secciones, etc., así como editar las propiedades CSS según tus preferencias o incluso combinarlas con otros tutoriales de este documento.