.flexbox__block{background-color:#f2f2f2;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:350px;margin-bottom:15px;margin-top:20px;overflow:hidden;position:relative;transition:transform .5s ease;width:100%}@media(min-width:768px){.flexbox__block{margin-bottom:30px}}.flexbox__block:hover{transform:translateY(0)}.flexbox__block:hover .flexbox__background{opacity:1}@media(min-width:1024px){.flexbox__block:hover{transform:translateY(-10px)}}.flexbox__backgroundImage{min-height:100%;object-fit:cover;position:absolute;width:100%}.flexbox__background{height:100%;opacity:0;position:absolute;transition:opacity .5s ease,background .5s ease;width:100%;z-index:1}.flexbox__background--black{background:#000;background:linear-gradient(180deg,#01194500,#01194580 50%,#011945)}.flexbox__background--black,.flexbox__background--blue{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1)}.flexbox__background--blue{background:#000;background:linear-gradient(180deg,#3ab7fa00,#3ab7fa80 50%,#3ab7fa)}.flexbox__background--orange{background:#000;background:linear-gradient(180deg,#ff710500,#ff710580 50%,#ff7105)}.flexbox__background--orange,.flexbox__background--pink{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1)}.flexbox__background--pink{background:#000;background:linear-gradient(180deg,#ff057a00,#ff057a80 50%,#ff057a)}.flexbox__background--green{background:#000;background:linear-gradient(180deg,#05ff6900,#05ff6980 50%,#05ff69)}.flexbox__background--green,.flexbox__background--purple{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1)}.flexbox__background--purple{background:#000;background:linear-gradient(180deg,#b405ff00,#b405ff80 50%,#b405ff)}.flexbox__title{bottom:30px;color:#fff;font-size:32px;left:30px;position:absolute;width:80%;z-index:2}.flexbox__title h3{font-weight:700}.flexbox__title i{margin-bottom:15px}.flexbox__button{bottom:0;padding:15px;position:absolute;width:100%;z-index:2}.flexbox__button--inner{background-color:#3ab7fa;border-radius:5px;color:#fff;font-weight:500;padding:10px;text-align:center;transition:box-shadow .5s ease}.flexbox__button--inner:hover{box-shadow:inset 0 2px 3px 0 #00000040}