.callout{margin:0 auto 2rem;padding:0 5%}@media screen and (min-width:600px){.callout{margin:0 auto 3.75rem}}.callout__wrapper{background:var(--color__secondary);margin:0 auto;max-width:63.375rem;padding:1.5rem;position:relative}@media screen and (min-width:700px){.callout__wrapper{padding:3rem}}.callout__wrapper:after{background:var(--color__white);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s}.callout__wrapper:hover:after{opacity:.1}.callout__wrapper a,.callout__wrapper h1,.callout__wrapper h2,.callout__wrapper h3,.callout__wrapper h4,.callout__wrapper h5,.callout__wrapper h6,.callout__wrapper li,.callout__wrapper p,.callout__wrapper ul{color:var(--color__white);margin:0;max-width:100%;position:relative;z-index:1}.callout__wrapper a{color:var(--color__button)}.callout__wrapper img{-o-object-fit:cover;object-fit:cover}

/*# sourceMappingURL=callout.css.map*/