/*************/
.mani_simple_link {
    padding-right: 36px;
    position: relative;
    display: inline-block;
    height: 32px;
    color: #8700c0;
    font-size: 15px;
    line-height: 32px;
}
.mani_simple_link:hover{
    color: #8700c0;
}
.mani_simple_link::before {
    right: 0;
    border: 1px solid transparent;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    position: absolute;
    line-height: 30px;
    text-align: center;
    content: "\f471";
    font-family: bootstrap-icons !important;
    font-size: 21px;
    color: #8700c0;
    top: 0;
}
.mani_simple_link::after {
    content: '';
    top: 0;
    right: 0;
    border: 0 solid transparent;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    position: absolute;
}
.mani_simple_link:hover::before {
    border-top-color: #8700c0;
    border-right-color: #8700c0;
    border-bottom-color: #8700c0;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
} 
.mani_simple_link:hover::after {
    border-top: 1px solid #8700c0;
    border-left-width: 1px;
    border-right-width: 1px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}