.hover-gradient{z-index:1;position:relative;overflow:hidden}.hover-gradient:before{content:"";z-index:-1;width:100%;height:200%;transition:transform .2s;position:absolute;top:0;left:0}.hover-gradient-group:hover .hover-gradient:before{transform:translateY(-50%)}.gradient-color-0:before{background:linear-gradient(#0000,#0000 85%,#b2b2b2)}.gradient-color-1:before{background:linear-gradient(#0000,#0000 85%,#4d7455)}.gradient-color-3:before{background:linear-gradient(#0000,#0000 85%,#476291)}.gradient-color-5:before{background:linear-gradient(#0000,#0000 85%,#8650ac)}.gradient-color-6:before{background:linear-gradient(#0000,#0000 85%,gold)}.gradient-color-7:before{background:linear-gradient(#0000,#0000 85%,#70b04a)}.gradient-color-8:before{background:linear-gradient(#0000,#0000 85%,#a50f79)}.gradient-color-9:before{background:linear-gradient(#0000,#0000 85%,#70b04a)}.gradient-color-11:before{background:linear-gradient(#0000,#0000 85%,#e97638)}.gradient-color-13:before{background:linear-gradient(#0000,#0000 85%,#38f3ab)}.gradient-color-14:before{background:linear-gradient(#0000,#0000 85%,#a00)}.gradient-color-15:before{background:linear-gradient(#0000,#0000 85%,#fafafa)}