.recommendationContainer{min-height:calc(460px + 1rem);width:100%}.recommendationCard{border-radius:12px;cursor:pointer;display:block;margin:.5rem 0;position:relative;width:100%}.recommendationCard picture{display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.recommendationCard picture img{border-radius:12px;height:auto;object-fit:cover;object-position:center center;width:100%}.recommendationCard .content{align-items:center;background:rgba(18,18,23,0) linear-gradient(17deg,rgba(18,18,23,.3),transparent 55%) repeat scroll 0 0;border-radius:12px;color:#fff;display:flex;font-size:2.2rem;font-weight:600;justify-content:center;min-height:460px;padding:1rem;position:relative;text-align:center;z-index:1}.recommendationCard .content.bottom{align-items:flex-end}.recommendationCard .content.bottom .text{flex:1 0;font-weight:800;line-height:1.3;padding:0 .4rem;text-align:left}.recommendationCard .content.bottom .text small{display:block;font-size:1.2rem;margin:.25rem 0}.recommendationCard .content .text{text-shadow:0 1px 2px rgba(18,18,23,.3),0 0 18px rgba(18,18,23,.15)}.recommendationCard .content .text.big{font-size:2.6rem}.recommendationCard .content .text.large{font-size:3rem;text-shadow:0 0 4px rgba(18,18,23,.25)}.recommendationCard .content .cta .button{background-color:#fff;color:#121217;margin-bottom:0;padding:.95em 1.4em;text-shadow:none}.recommendationCard:hover .content>.cta>.button{background-color:#f06400;color:#fff}@media print,screen and (min-width:40em){.recommendationCard .content .cta{padding-left:1rem}}@media print,screen and (max-width:39.99875em){.recommendationCard .content{background:rgba(18,18,23,0) linear-gradient(0deg,rgba(18,18,23,.3) 0,transparent 60%) repeat scroll 0 0;font-size:2rem}.recommendationCard .content.bottom{align-items:center;flex-direction:column;justify-content:flex-end}.recommendationCard .content.bottom .text{flex:none;margin-bottom:1rem;text-align:center}}