css hover link style : demo 70

CSS

(Fonts required: Roboto.)
                        .link{
                            color: #03b73f;
                            font-family: 'Roboto', sans-serif;
                            font-size: 25px;
                            font-weight: 900;
                            text-align: center;
                            text-transform: uppercase;
                            padding: 8px 15px;
                            border-radius: 100px 30px 100px 30px;
                            box-shadow: 0px 0px 0px 5px #777;
                            display: inline-block;
                            transition: all 0.3s ease;
                        }
                        .link:hover{
                            color: #03b73f;
                            text-shadow: 0px 2.5px rgba(0,0,0,0.2), 0px 10px 10px #0003;
                            box-shadow: 0px 0px 0px 5px #777, 0px 5px 0px 5px #555, 0px 20px 20px 5px #0003;
                            border-radius: 30px 100px 30px 100px;
                        }
                        .link span{ display:block; }
                        .link:hover span{ animation: .8s rot ease infinite; }
                        @keyframes rot{
                            0%{ transform: rotate(-3deg); }
                            50%{ transform: rotate(3deg); }
                            100%{ transform: rotate(-3deg); }
                        }
                        @media only screen and (max-width: 767px){
                            .link{ margin: 0 0 20px 0; }
                        }
                    
License Terms