.link{align-items:center;color:#000;display:flex;height:30px;text-decoration:none}.mask{height:20px;overflow:hidden;padding:0;position:relative}.link-container,.title{transition:transform .4s ease}.title{display:block;font-size:16px;font-weight:200;line-height:20px}.link-title1{transform-origin:right center}.link-title2{transform:rotate(20deg);transform-origin:left center}.link-icon{align-items:center;display:flex;height:35px;justify-content:center;margin-left:10px;overflow:hidden;position:relative;width:35px}.icon{display:block;font-size:20px;position:absolute;transition:transform .4s ease}.icon:nth-child(2){transform:translate(-40px)}.link:hover .link-container{transform:translateY(-20px)}.link:hover .link-title1{transform:rotate(20deg)}.link:hover .link-title2{transform:rotate(0)}.link:hover .icon:first-child{transform:translate(40px)}.link:hover .icon:nth-child(2){transform:translate(0)}