css hover link style : demo 111

CSS

(Fonts required: Sofia.)
                        .link{
                            color: #930b5b;
                            font-family: 'Sofia', cursive;
                            font-size: 30px;
                            font-weight: 600;
                            line-height: 16px;
                            letter-spacing: 1px;
                            text-transform: capitalize;
                            display: inline-block;
                            letter-spacing: 1px;
                            transition: all 0.3s ease 0s;
                        }
                        .link span{
                            line-height: 16px;
                            display: block;
                        }
                        .link:focus,
                        .link:hover{
                            color: #fff;
                            text-shadow: 0 2px #c4468f,0 4px #930b5b,0 6px #c4468f,0 8px #930b5b,
                                        0 -2px #930b5b,0 -4px #c4468f,0 -6px #930b5b,0 -8px #c4468f,
                                        2px 0 #c4468f,4px 0 #930b5b,6px 0 #c4468f,8px 0 #930b5b,
                                        -2px 0 #930b5b,-4px 0 #c4468f,-6px 0 #930b5b,-8px 0 #c4468f;
                        }
                        @media only screen and (max-width: 767px){
                            .link{ margin-bottom: 30px; }
                        }
                    
License Terms