:root{--hero-background:var(--color-transparent);--hero-color:var(--color-white)}.hero{background:var(--hero-background);color:var(--hero-color);display:flex;flex-direction:column;padding-bottom:0;padding-top:0;position:relative;z-index:0;&:after{background:linear-gradient(to bottom,var(--color-black),transparent);content:"";height:10vh;left:0;mix-blend-mode:multiply;opacity:.5;position:absolute;top:0;width:100%}}.hero-wrapper{align-items:center;display:flex;gap:3rem;height:100%;min-height:80vh;width:100%}.hero-content{flex:1 1 0;position:relative;z-index:2}.hero-title{animation:none;margin-bottom:1rem;text-align:center}.hero-button{display:flex;justify-content:center;& .btn{margin-top:0}}.hero-icon{align-items:center;display:flex;gap:.5rem}