Hi there,
that Code needs just a couple of tweaks – try this:
.entry-content p a {
position: relative;
overflow: hidden;
text-decoration: none;
color: #ec407a;
}
.entry-content p a::after {
content: "";
background: rgba(236, 64, 122, 0.25);
position: absolute;
left: 12px;
bottom: -6px;
width: calc(100% - 8px);
height: calc(100% - 8px);
z-index: -1;
-webkit-transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
z-index: 1;
}
.entry-content p a:hover:after {
left: 0;
bottom: -2px;
width: 100%;
height: 100%;
}