.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:#0c101400 linear-gradient(17deg,#0c10144d,#0000 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 #0c10144d,0 0 18px #0c101426}.recommendationCard .content .text.big{font-size:2.6rem}.recommendationCard .content .text.large{font-size:3rem;text-shadow:0 0 4px #0c101440}.recommendationCard .content .cta .button{background-color:#fff;color:#0c1014;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:#0c101400 linear-gradient(0deg,#0c10144d 0,#0000 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}}