.media-icon-wrapper{width:50px;border:1px solid #fff;display:flex;height:50px;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:#fff;text-decoration:none;position:relative;z-index:2;transition:.5s;overflow:hidden}.dark .media-icon-wrapper{color:#4e3885;border:2px solid #4e3885}.media-icon-wrapper:after{content:"";position:absolute;bottom:-100%;width:100%;height:100%;z-index:-1;transition:.5s}.media-icon-wrapper:hover:after{bottom:0}.insta-icon:after{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.facebook-icon:after{background-color:#1877f2}.github-icon:after{background:linear-gradient(135deg,#6e5494,#8e44ad)}.linkedin-icon:after{background-color:#0077b5}.media-svg{color:#000}