.bf-hover-animate-right:hover {
    transform: translateX(20px);
    transition: ease;
    transition-duration: 200ms;
}
.bf-hover-animate-right{
    transition: ease;
    transition-duration: 200ms;
}

.bf-underline-hover:before, .bf-underline-hover:after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 0px;
    height: 2px;
    margin: 5px 0 0;
    transition: all 0.2s ease-in-out;
    transition-duration: 300ms;
    opacity: 0;
    background-color: #09e277;
}
.bf-underline-hover:before {
    left: 50%;
}
.bf-underline-hover:after {
    right: 50%;
}
.bf-underline-hover:hover:before, .bf-underline-hover:hover:after {
    width: 35%;
    opacity: 1;
}