@layer hero{.hero__module{align-items:flex-end;display:grid;padding-top:var(--header-height);position:relative;button.pause{--link-color:var(--primary);bottom:1rem;position:absolute;right:1rem;fill:currentColor;align-items:center;border-radius:3rem;display:grid;grid-row:1;height:3rem;justify-content:center;width:3rem}button.pause svg{height:1.5rem;width:1.5rem}}.hero__content{display:flex;padding-block:2rem;width:100%;--body-color:var(--tertiary);text-shadow:0 1px 3px rgba(0,0,0,.8);.btn,a{text-shadow:none}}}