@charset "UTF-8";.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Connectivity{position:relative;display:block;color:#fff;font-size:15px;text-decoration:none;border:1px solid #fff;padding:15px;text-transform:uppercase;overflow:hidden;transition:1s all ease;letter-spacing:0em;font-weight:500;width:230px;text-align:center;margin:0px auto;cursor:pointer}.Connectivity::before{background:#00FF2D;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:all 0.6s ease}.Connectivity::before{width:100%;height:0%;transform:translate(-50%,-50%) rotate(-45deg)}.Connectivity:hover::before{height:380%}