.gradient{min-height:200px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to right,#fddd43,#3785ac);transition:background-image .5s linear;margin-bottom:20px}.gradient:hover{background-image:linear-gradient(to right,#3785ac,#fddd43)}.gradient.transition{position:relative;min-height:200px;background-image:linear-gradient(to right,#fddd43,#3785ac);z-index:1}.gradient.transition:before{position:absolute;content:"";inset:0;background-image:linear-gradient(to right,#3785ac,#fddd43);z-index:-1;transition:opacity .5s linear;opacity:0}.gradient.transition:hover:before{opacity:1}.gradient>span{text-decoration:none;font-size:32px;color:#fff!important}