.callout.theme--image:after{transition:all 1s cubic-bezier(.59,0,.06,1)}.callout{margin-bottom:var(--space-m);padding:var(--space-l);width:100%;will-change:transform;background-color:var(--card-color-background)}@media(max-width:40em){.callout{padding:var(--space-s)}}.callout:last-child{margin-bottom:0}.callout .callout-inner{border:1px solid var(--color-body-a25);padding:var(--space-m);width:100%;position:relative;z-index:3;gap:3rem}@media(max-width:40em){.callout .callout-inner{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;padding:var(--space-s)}}.callout .callout-inner .callout-inner-inner{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.callout .callout-inner .callout-inner-inner .button.icon{border:0}.callout .callout-inner .callout-inner-inner .button.icon svg{width:3rem;height:3rem}@media(max-width:40em){.callout .callout-inner .callout-inner-inner .button.icon svg{width:var(--size-l-2);height:var(--size-l-2)}}@media(max-width:40em){.callout .callout-inner .callout-inner-inner .button.icon{position:absolute;right:var(--space-s);top:50%;transform:translateY(-50%)}}.callout .callout-illustration{position:relative;z-index:3}.callout .callout-illustration img{height:5.8rem;width:auto}@media(max-width:40em){.callout .callout-illustration img{width:3.5rem;height:auto}}.callout header{padding-right:var(--space-l)}.callout header h3{font-family:var(--font-family-small-heading);font-weight:var(--font-weight-small-heading);text-transform:var(--text-transform-small-heading);font-size:var(--font-size-small-heading-1);line-height:var(--line-height-small-heading-1);letter-spacing:var(--letter-spacing-small-heading-1)}@media(max-width:40em){.callout header h3{font-family:var(--font-family-small-heading);font-weight:var(--font-weight-small-heading);text-transform:var(--text-transform-small-heading);font-size:var(--font-size-small-heading-3);line-height:var(--line-height-small-heading-3);letter-spacing:var(--letter-spacing-small-heading-3)}}.callout header,.callout span{position:relative;z-index:3}.callout img{z-index:1}.callout.theme--image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:var(--color-black);mix-blend-mode:multiply;opacity:.4}.callout.theme--image .button{z-index:5}.callout:hover{transform:translateX(.25rem)}