css hover link style : demo 246

                        

                            
                                Hover me
                            
                        
                    

                        .demo{ background: #3c6382; }
                        .link{
                            color: #fff;
                            font-family: 'Lexend', sans-serif;
                            font-size: 24px;
                            font-weight: 500;
                            line-height: 20px;
                            text-transform: capitalize;
                            display: inline-block;
                            position: relative;
                            z-index: 1;
                            transition: 0.35s;
                        }
                        .link:focus,
                        .link:hover{ 
                            color: #fff; 
                            text-shadow: 0 -1px 0 #fff, 0 1px 0 #0c2461, 0 2px 0 #0c2461, 0 3px 0 #0c2461, 0 4px 0 #0c2461, 0 5px 0 #0c2461;
                        }
                        @media only screen and (max-width: 767px){
                            .link{ margin-bottom: 30px; }
                        }