.banner{background:var(--color-background);color:var(--color-text)}.banner-header .banner__image .banner__img{width:100%}.banner-footer{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs)}.banner-footer:before,.banner-footer:after{content:"";position:absolute;left:0;display:block;height:var(--spacing-xs);width:100%}.banner-footer:before{background:linear-gradient(180deg,#0000 50%,#00000012);top:calc(var(--spacing-xs) * -1)}.banner-footer:after{background:linear-gradient(180deg,#00000012,#0000 50%);bottom:calc(var(--spacing-xs) * -1)}@media (min-width: 768px){.banner-footer{gap:var(--spacing-lg)}}@media (min-width: 1024px){.banner-footer{gap:calc(var(--spacing-xl) * 2)}}