fix link

div.agent-item:after{
    background-color: #fff!important;
    opacity: 1;
}
.link{
        font-weight: 700;
        text-transform: uppercase;
        position: relative!important;
        color: #fff!important;
        transition: 0.4s;
        &:hover{
            color: #fff!important;
        }
        &:before, &:after{
            transition: 0.4s;
            text-decoration: none!important;
            line-height: 1;
            content: "";
            height: 1px;
            position: absolute!important;
            bottom: 0;
            left: 0;
        }
        &:before {
            width: 100%!important;
            background-color: #ccc!important;
            opacity: 0.4;
        }
        &:after{
            width: 0%!important;
            background-color: #fff!important; 
        }
        &:hover:after{
                    width: 100%!important;
        }
}


@media only screen and (max-width:1024px){
    div.agent-item{
        flex-direction: column;

    .lp-btn{
        margin-left: 390px;
        margin-right: 390px;
        }
    }
    h3{
        text-align: center;
    }
    div.agent-info-row{
        justify-content: center!important;
    }
    div.agent-avatar{
        margin-right: auto!important;
        margin-left: auto!important;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width:820px){
    div.agent-item{
        flex-direction: column;

    .lp-btn{
        margin-left: 290px;
        margin-right: 290px;
        }
    }
    h3{
        text-align: center;
    }
    div.agent-info-row{
        text-align: center;
            flex-direction: row!important;
    }
    div.agent-avatar{
        margin-right: auto!important;
        margin-left: auto!important;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:768px){
    div.agent-item{
    .lp-btn{
        margin-left: 290px;
        margin-right: 290px;
        }
    }
    h3{
        text-align: center;
    }
    div.agent-info-row{
        text-align: center;
    }
    div.agent-avatar{
        margin-right: auto!important;
        margin-left: auto!important;
        margin-bottom: 30px;
        img{
            object-fit: contain!important;
        }
    }
    .agent-info-row{
        flex-direction: row!important;
    }
}
@media only screen and (max-width:767px){
    div.agent-item{
            margin-bottom: 0;
    .lp-btn{
        margin-left: 0;
        margin-right: 0;
        }
    }
    h3{
        text-align: center;
    }
    div.agent-info-row{
        flex-direction: column!important;
        justify-content: center!important;
    }
    div.agent-avatar{
        margin-right: auto!important;
        margin-left: auto!important;
        margin-bottom: 30px;
        img{
            object-fit: contain!important;
        }
    }
}