.callout-box{background-color:rgb(var(--color-primary-lighter));border:1px solid rgb(var(--color-primary-light));border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;flex-direction:column}.callout-box.callout-box--with-icon .callout-box__main{grid-template-columns:42px minmax(0%,100%);grid-template-areas:"icon title" "content content"}.callout-box.callout-box--text-left .callout-box__content{justify-content:flex-start;text-align:left}.callout-box.callout-box--text-center .callout-box__content{justify-content:center;text-align:center}.callout-box.callout-box--text-right .callout-box__content{justify-content:flex-end;text-align:right}@media(min-width:992px){.callout-box.callout-box--stack-horizontal{flex-direction:row}.callout-box.callout-box--stack-vertical{flex-direction:column}.callout-box.callout-box--with-icon .callout-box__main{grid-template-columns:56px minmax(0%,100%);grid-template-areas:"icon title" "icon content"}}.callout-box__main{display:grid;grid-template-areas:"title" "content";grid-template-columns:minmax(0%,100%);align-items:flex-start;gap:16px 12px;flex:1;place-content:center;align-items:center;width:100%}@media(min-width:992px){.callout-box__main{align-items:center;grid-template-areas:"title" "content";gap:0px 12px}}.callout-box__icon{display:flex;align-items:center;align-self:center;justify-content:center;border-radius:50%;flex-shrink:0;grid-area:icon}.callout-box__icon .icon{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-neutral-black));width:16px;height:16px}@media(min-width:992px){.callout-box__icon .icon{width:24px;height:24px}}.callout-box__icon svg{max-width:24px;max-height:24px}.callout-box__title{color:rgb(var(--color-primary-dark));font-family:var(--font-headings-family);font-size:var(--font-body-lg-size);font-weight:var(--font-h2-weight-bold);line-height:1.4;grid-area:title}.callout-box__content{color:rgb(var(--color-primary-dusk));font-family:var(--font-body-md-family);font-size:var(--font-body-sm-size);font-weight:var(--font-body-md-weight);line-height:1.4;display:flex;grid-area:content}.callout-box__content:only-child{grid-row:1 / -1}.callout-box__content[data-suitability-details]{flex-direction:column;align-items:flex-start}@media(min-width:992px){.callout-box__content[data-suitability-details]{flex-direction:row;align-items:center;gap:8px}.callout-box__content[data-suitability-details] .vehicle-suitability__make-model:after{content:"|";margin-left:8px}}.callout-box__content p{margin:0}.callout-box__cta{flex-shrink:0;width:100%}@media(min-width:992px){.callout-box__cta{width:auto}}.callout-box__cta .btn{white-space:nowrap;width:100%}@media(min-width:992px){.callout-box__cta .btn{width:auto}}.callout-box--default{background-color:rgb(var(--color-primary-lighter));border-color:rgb(var(--color-primary-light))}.callout-box--success{background-color:rgb(var(--color-semantic-success) / 5%);border-color:rgb(var(--color-semantic-success))}.callout-box--warning{background-color:rgb(var(--color-semantic-warning) / 5%);border-color:rgb(var(--color-semantic-warning))}.callout-box--error{background-color:rgb(var(--color-semantic-error) / 5%);border-color:rgb(var(--color-semantic-error))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/callout-box.css.map */