.shaped-buttons__header{margin-bottom:2rem;text-align:center}.shaped-buttons__title{margin:0}.shaped-buttons__grid{display:grid;gap:1rem;grid-template-columns:1fr}@media screen and (min-width: 750px){.shaped-buttons__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (min-width: 990px){.shaped-buttons__grid--bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,1fr)}.shaped-buttons__grid--uniform{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 990px){.shaped-buttons__grid--bento .shaped-button--large{grid-column:span 2;grid-row:span 2}.shaped-buttons__grid--bento .shaped-button--tall{grid-column:span 1;grid-row:span 2}.shaped-buttons__grid--bento .shaped-button--wide{grid-column:span 2;grid-row:span 1}.shaped-buttons__grid--bento .shaped-button--small{grid-column:span 1;grid-row:span 1}}@media screen and (min-width: 750px) and (max-width: 989px){.shaped-buttons__grid--bento .shaped-button--large,.shaped-buttons__grid--bento .shaped-button--wide{grid-column:span 2}}.shaped-button{position:relative;display:block;overflow:hidden;border-radius:12px;text-decoration:none;color:inherit;min-height:250px}@media screen and (min-width: 750px){.shaped-button{min-height:280px}}@media screen and (min-width: 990px){.shaped-button--large,.shaped-button--tall{min-height:100%}.shaped-button--wide,.shaped-button--small{min-height:250px}}.shaped-button__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.shaped-button__image{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .4s ease}.shaped-button__image--pos-top-left{object-position:left top}.shaped-button__image--pos-top-center{object-position:center top}.shaped-button__image--pos-top-right{object-position:right top}.shaped-button__image--pos-center-left{object-position:left center}.shaped-button__image--pos-center-center{object-position:center center}.shaped-button__image--pos-center-right{object-position:right center}.shaped-button__image--pos-bottom-left{object-position:left bottom}.shaped-button__image--pos-bottom-center{object-position:center bottom}.shaped-button__image--pos-bottom-right{object-position:right bottom}.shaped-button__image--transparent-bg{mix-blend-mode:multiply}.shaped-button:hover .shaped-button__image{transform:scale(1.05)}.shaped-button__placeholder{width:100%;height:100%;background-color:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center}.shaped-button__placeholder .placeholder-svg{width:50%;height:50%;opacity:.3}.shaped-button__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00000026,#00000005,#0000);transition:background .3s ease}.shaped-button:hover .shaped-button__overlay{background:linear-gradient(135deg,#00000040,#0000000d,#0000)}.shaped-button__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:1}@media screen and (min-width: 750px){.shaped-button__content{padding:2rem;gap:1rem}}.shaped-button__content--top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.shaped-button__content--top-center{align-items:center;justify-content:flex-start;text-align:center}.shaped-button__content--top-right{align-items:flex-end;justify-content:flex-start;text-align:right}.shaped-button__content--center-left{align-items:flex-start;justify-content:center;text-align:left}.shaped-button__content--center{align-items:center;justify-content:center;text-align:center}.shaped-button__content--center-right{align-items:flex-end;justify-content:center;text-align:right}.shaped-button__content--bottom-left{align-items:flex-start;justify-content:flex-end;text-align:left}.shaped-button__content--bottom-center{align-items:center;justify-content:flex-end;text-align:center}.shaped-button__content--bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.shaped-button__heading{margin:0;font-size:1.8rem;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media screen and (min-width: 750px){.shaped-button__heading{font-size:2.2rem}}@media screen and (min-width: 990px){.shaped-button--large .shaped-button__heading{font-size:3rem}.shaped-button--tall .shaped-button__heading,.shaped-button--wide .shaped-button__heading{font-size:2.4rem}}.shaped-button__btn{display:inline-block;padding:.9rem 1.8rem;background-color:#fff;color:#000;font-size:1.4rem;font-weight:600;border-radius:6px;transition:all .25s ease;box-shadow:0 2px 8px #0000001a}.shaped-button:hover .shaped-button__btn{background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media screen and (min-width: 750px){.shaped-button__btn{padding:1rem 2rem;font-size:1.5rem}}.shaped-buttons__grid--uniform .shaped-button{min-height:300px}@media screen and (min-width: 990px){.shaped-buttons__grid--uniform{grid-template-columns:repeat(4,1fr)}.shaped-buttons__grid--uniform .shaped-button{grid-column:span 1;grid-row:span 1}}@media screen and (max-width: 749px){.shaped-button--large,.shaped-button--tall{min-height:350px}}.shaped-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media (prefers-reduced-motion: reduce){.shaped-button__image,.shaped-button__btn,.shaped-button__overlay{transition:none}.shaped-button:hover .shaped-button__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-shaped-image-buttons.css.map */