.link{color:#fff;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%;&:before{border-color:#a1c76b transparent transparent;border-style:solid;border-width:10px 10px 0;content:"";height:0;left:0;top:40%;width:0}&:after,&:before{opacity:0;pointer-events:none;position:absolute;transform:translate3d(-50%,0,0);transition:all .3s ease}&:after{background:#a1c76b;border-radius:4px;color:#000;content:attr(data-tooltip);font-size:18px;font-weight:700;left:48%;padding:8px 12px;text-align:center;text-transform:none;top:25%;width:100%}&:hover{&:after,&:before{opacity:1}&:before{transform:translate3d(-50%,calc(-100% - 18px),0)}&:after{transform:translate3d(-50%,calc(-100% - 16px),0)}}}