Hello,
Unfortunately, no option for that.
But I have a custom CSS that you can try but it needs to be customized according to your need.
.blog-entry.post .blog-entry-header .entry-title a:hover {
color: #c7c708;
}
.blog-entry.post .blog-entry-header .entry-title a:hover::before, .blog-entry.post .blog-entry-header .entry-title a:hover::after {
position: absolute;
top: 73%;
left: 25%;
width: 180px;
height: 180px;
border: 12px solid rgb(122 0 255 / 10%);
border-radius: 50%;
content: '';
opacity: 1;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.2);
-o-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.blog-entry.post .blog-entry-header .entry-title a:hover::after {
width: 60px;
height: 60px;
border-width: 4px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
-o-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
Another way is you can use the hover effect using the custom CSS in the following posts.
https://freefrontend.com/css-link-styles/
https://css-tricks.com/having-fun-with-link-hover-effects/
https://codemyui.com/tag/link/
