.link{height:30px;align-items:center;color:#223840;text-decoration:none;display:flex;width:150}.mask{position:relative;padding:0;height:20px;overflow:hidden}.link-container{transition:transform .4s ease}.title{display:block;font-size:20px;line-height:20px;transition:transform .4s ease}.link-title1{transform-origin:right center}.link-title2{transform-origin:left center;transform:rotate(20deg)}.link-icon{position:relative;width:35px;height:35px;background:#f8f8ff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:10px;overflow:hidden}.icon{display:block;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)}