.shop-by-collection-section{background-color:var(--color-white);max-width:var(--page-width);margin:auto}.shop-by-collection{display:flex;align-items:center;padding-inline:var(--padding-inline);padding-block:2rem;gap:2rem;justify-content:center}.shop-by-collection__buttons{display:flex;gap:2rem;flex-direction:column}.shop-by-collection__button{display:flex;overflow:hidden;border-radius:18px;gap:3rem;align-items:center;cursor:pointer}.shop-by-collection__title{color:var(--color-black);font-family:var(--font-value);letter-spacing:-.03em;font-size:46px;font-style:normal;line-height:95%;max-width:200px}.shop-by-collection__button-title{font-family:var(--font-value);font-size:3rem;font-style:normal;font-weight:400;line-height:95%;margin-bottom:7px}@media screen and (min-width: 769px) and (max-width: 1024px){.shop-by-collection__button-title{font-size:2.5rem}}.shop-by-collection__button span.desktop-only{color:var(--color-black);font-family:var(--font-basis-med);font-size:14px;font-style:normal;line-height:130%;letter-spacing:1.6px}.shop-by-collection__button span.mobile-only{color:var(--color-black);font-family:var(--font-abc-extended);font-size:14px;font-style:normal;line-height:140%;letter-spacing:1px}.mobile-hidden{display:none}.shop-by-collection__button img{aspect-ratio:1;width:40%;max-height:350px}@media screen and (min-width: 769px){.mobile-hidden{display:flex}.desktop-hidden{display:none}.shop-by-collection__buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%}a.shop-by-collection__button{width:calc(50% - 1rem);text-align:center;border:1px solid rgba(0,0,0,0);padding:2rem 1.5rem;border-radius:25px;justify-content:center;background:linear-gradient(to bottom,#FCFEE8,var(--color-yellow));background-clip:padding-box}.shop-by-collection{gap:3.5rem;border-radius:25px;padding-inline:3rem;padding-block:4rem;max-width:var(--page-width);width:100%;margin:auto;justify-content:space-between}.shop-by-collection-section{padding:5rem var(--padding-inline)}.shop-by-collection__button:hover{background:var(--color-yellow)}}@media screen and (min-width: 1200px){.shop-by-collection__button{flex:1;width:100%}}@media screen and (min-width: 769px) and (max-width: 1210px){.shop-by-collection__buttons{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:1.5rem}a.shop-by-collection__button{width:calc(33.33% - 1rem)}.shop-by-collection__buttons a.shop-by-collection__button:nth-child(4){display:none}}
/*# sourceMappingURL=/cdn/shop/t/323/assets/section-shop-by-collection-buttons.css.map */