.hero{align-items:center;background:radial-gradient(circle at 30% 18%,rgba(255,222,167,.18),transparent 26%),linear-gradient(145deg,#33405a,#151d2d 48%,#090e18);border:1px solid rgba(255,244,220,.2);border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -8px 22px rgba(0,0,0,.36),0 24px 44px rgba(0,0,0,.34);display:flex;height:calc(100vh - 20px)}.hero__actions{display:flex;flex-wrap:wrap;gap:15px}