.recommendation-card{overflow:hidden;position:relative;height:400px}.recommendation-card-background{height:350px;cursor:pointer;transition:height .2s ease;position:relative}.recommendation-card-background:before{content:"";position:absolute;inset:0;background-color:#0000;transition:background-color .2s ease;z-index:1}.recommendation-card-description{position:absolute;left:50%;top:50%;transform:translate(-50%,100%);opacity:0;transition:transform .2s ease,opacity .2s ease;color:#fff;font-size:1.2em;text-align:center;pointer-events:none;z-index:2}.recommendation-card:hover .recommendation-card-background:before,.recommendation-card.visible-hover .recommendation-card-background:before{background-color:#0009;transition-delay:.2s}.recommendation-card:hover .recommendation-card-background,.recommendation-card.visible-hover .recommendation-card-background{height:100%;transition-delay:.2s}.recommendation-card:hover .recommendation-card-description,.recommendation-card.visible-hover .recommendation-card-description{transform:translate(-50%,-50%);opacity:1;transition-delay:.2s}.recommendation-card:hover h3,.recommendation-card.visible-hover h3{opacity:0;transition:opacity .2s ease;transition-delay:.2s}.recommendation-search-icon{height:20px;width:20px;margin-top:20px}.recommendation-pdf-close-button{font-size:40px;right:-30px}@media (min-width: 341px) and (max-width: 1318px){.recommendation-pdf-close-button{font-size:40px;right:46px;top:-50px}.recommendation-pdf-modal{padding-top:80px}}@media (max-width: 340px){.recommendation-pdf-close-button{font-size:35px;right:25px;top:-40px}}