.image-button{background-color:var(--c-off-white);width:100%;max-width:80rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;margin:.8rem 0}.image-button .button{height:100%}.image-button .button>span{width:100%;height:100%;-ms-flex-pack:justify;justify-content:space-between}.image-button .button:focus-visible::after{box-shadow:0 0 0 0.4rem var(--c-secondary-dark)}.image-button .button.button--overlay:not(.button--tertiary-campaign){border:0.1rem solid var(--c-text-heading)}.image-button .heading{margin:0;-ms-flex-positive:1;flex-grow:1}.image-button .button--external-link.button--overlay::after{width:100%;height:100%;-webkit-mask-size:0;mask-size:0;margin-left:0}.image-button .button--external-link.button--overlay>span::after{content:"";display:inline-block;-webkit-mask-image:url(../images/icons/external-link.svg);mask-image:url(../images/icons/external-link.svg);width:2rem;height:2rem;-webkit-mask-size:2rem;mask-size:2rem;padding-left:1.6rem;background-color:currentColor}.image-button .button--external-link.button--overlay.button--icon .icon{display:block;fill:transparent;color:transparent;margin-left:0}.image-button__image{width:100%;aspect-ratio:1 / 1;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.image-button__image img{width:100%}.image-button__content{padding:1.6rem;background-color:var(--c-lighter-grey)}.image-button__paragraph{margin:1rem 0 0 0}.image-button__paragraph--with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:0;font-weight:600}.image-button__paragraph--with-icon .icon{height:3.2rem;width:3.2rem;margin-right:.5rem;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;color:var(--c-primary)}.image-button__body+.image-button__paragraph--with-icon{margin-top:1rem}.image-button__date-time{margin-top:1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.image-button__date-time .image-button__paragraph--with-icon{padding-right:1rem}.image-button--postcard{box-shadow:0 0.4rem 0.6rem rgba(167,167,167,0.3)}.image-button--postcard .image-button__image{padding:1rem}.image-button--with-description .heading{-ms-flex-positive:0;flex-grow:0}.image-button--with-description .image-button__content{-ms-flex-positive:1;flex-grow:1}