.card:hover .card__caption{top:50%;transform:translateY(-50%)}.card:hover .card__image{transform:translateY(-10px)}.card:hover .card__thumb:after{background:rgba(0,0,0,.4);top:0}.card:hover .card__snippet{margin:20px 0}.card__thumb:after{background:linear-gradient(0deg,rgba(0,0,0,.7) 50%,hsla(0,0%,100%,0));content:"";display:block;height:100%;position:absolute;top:0;transition:.3s;width:100%}@media(min-width:1024px){.card__thumb:after{top:45%}}.card__image{transition:.5s ease-in-out}.card__caption{transform:translateY(-50%);transition:.3s}@media(min-width:1024px){.card__caption{top:calc(100% - 110px);transform:unset}}.card__button{transition:.3s}