.link-icon{background:var(--bg-clr);z-index:0;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.link-icon:before{content:"";z-index:-1;background:var(--accent-clr);border-radius:10px;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scale(0)}.link-icon:hover:before{transform:scale(1)}