css hover link style : demo 168

                        

                            
                                Hover me
                            
                        
                    

                    .link{
                        color: #ff6600;
                        font-family: 'Roboto Condensed', sans-serif;
                        font-size: 30px;
                        font-weight: 700;
                        line-height: 22px;
                        text-transform: capitalize;
                        text-shadow: 1px 1px #ffc7a3,2px 2px #ffc7a3,3px 3px #ffc7a3,4px 4px #ffc7a3;
                        margin: -2px 0 0 -2px;
                        display: inline-block;
                        transition: all 0.3s ease 0s;
                    }   
                    .link:hover,
                    .link:focus{
                        color: #ff6600;
                        margin: 0;
                        text-shadow: none;
                    }
                    @media only screen and (max-width: 767px){
                        .link{ margin-bottom: 30px; }
                    }