In this video, you will learn how to make an Elementor Animated Services Box with Border Effects.

Source Code

selector{
    position: relative;
}
selector:before, selector:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    transition:.3s;
}
selector:before{
    border-top: 3px solid #ff3636;
    border-left: 3px solid #ff3636;
    left: 0;
    right: 0
}
selector:after{
    border-right: 3px solid #ff3636;
    border-bottom: 3px solid #ff3636;
    right: 0;
    bottom: 0
}
selector:hover:before, selector:hover:after{
    width: 50%;
    height: 50%
}
selector:hover span{
    border-radius: 0;
}