.complex-gradient-to-top{background:linear-gradient(180deg,transparent -20%,#fff)}.complex-gradient-to-right{background:linear-gradient(270deg,transparent -20%,#fff)}.subtitle-complex{color:#fff!important;font-size:26px!important;opacity:0;transform:translate(-60px);transition:color .5s ease-in,transform 1s ease}.subtitle-complex:hover{color:#000!important}.arrow-default{opacity:1}.arrow-change-color,.arrow:hover .arrow-default{opacity:0}.arrow:hover .arrow-change-color{opacity:1}.arrow{background-color:#000;opacity:0;transform:translateY(90px);transition:background-color .5s ease-in-out,transform 1s ease-in-out}.arrow,.arrow:hover{height:50px;width:50px}.arrow:hover{background-color:#fff}.span-hover{opacity:0;transform:perspective(400px) rotateX(10deg);transform-origin:bottom left;transition:opacity 1s ease-in-out,transform .7s cubic-bezier(.25,.5,.25,1)}.card-complex-hover:hover .span-hover{opacity:.8;transform:perspective(0) rotateX(0);transform-origin:bottom left}.card-complex-hover:hover .arrow{animation:fadeIn .5s ease-in-out forwards;animation-delay:.6s;transform:translateY(0)}.card-complex-hover:hover .subtitle-complex{animation:fadeIn .2s ease-in-out forwards;animation-delay:.6s;transform:translate(30px)}@keyframes fadeIn{0%{opacity:0}50%{opacity:.5}to{opacity:1}}