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