@layer widget{*:has(>.widget-promo-teaser){container-type:inline-size}.widget-promo-teaser{display:block;position:relative;padding:35px;aspect-ratio:3.2}.widget-promo-teaser h2,.widget-promo-teaser p{text-shadow:0px 0px 6px rgba(0,0,0,1)}.widget-promo-teaser .image{position:absolute;top:0;right:0;bottom:0;left:0}:is(.widget-promo-teaser .image) .upper-overlay{position:absolute;inline-size:100%;block-size:50%;inset-inline:0;top:0;background:linear-gradient(to bottom,#000000e6,#000000d9 11.36%,#000000ca 21.57%,#000000ba 30.81%,#000000a9 39.26%,#00000098 47.09%,#0008 54.5%,#00000078 61.66%,#0000006a 68.74%,#0000005e 75.94%,#0005 83.43%,#0000004f 91.39%,#0000004d)}:is(.widget-promo-teaser .image) .lower-overlay{position:absolute;inline-size:100%;block-size:50%;inset-inline:0;bottom:0;background:linear-gradient(to top,#000000e6,#000000d9 11.36%,#000000ca 21.57%,#000000ba 30.81%,#000000a9 39.26%,#00000098 47.09%,#0008 54.5%,#00000078 61.66%,#0000006a 68.74%,#0000005e 75.94%,#0005 83.43%,#0000004f 91.39%,#0000004d)}.widget-promo-teaser .details{position:relative;block-size:100%;display:flex;flex-direction:column;justify-content:space-between;color:var(--ct-color)}:is(.widget-promo-teaser .details) .content{display:flex;flex-direction:column;gap:10px}:is(:is(:is(.widget-promo-teaser .details) .content) header) h2{margin-block-end:0}:is(.widget-promo-teaser .details) p{font-size:var(--font-size-small);color:var(--ct-color);margin-block-end:0;display:flex;gap:7.5px;align-items:center}:is(:is(.widget-promo-teaser .details) p) svg{block-size:16px}:is(.widget-promo-teaser .details) footer{display:flex;gap:20px;align-items:center}.widget-promo-teaser .click-area{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}@container (max-width: 800px){.widget-promo-teaser{aspect-ratio:1.778}}@container (max-width: 580px){.widget-promo-teaser{aspect-ratio:1.5}}@container (max-width: 470px){.widget-promo-teaser{aspect-ratio:1}:is(:is(:is(.widget-promo-teaser .details) .content) header) h2{font-size:var(--font-size-2)}:is(.widget-promo-teaser .details) footer{flex-direction:column-reverse;align-items:start;gap:5px}:is(:is(.widget-promo-teaser .details) footer) .button{margin-block-start:10px}}}