.button-list{--swiper-navigation-size: 3.8rem;--header-padding-bottom: 2.4rem;--header-padding-bottom-mobile: 1.2rem}.button-list .section__content{width:100%}.button-list button-list[data-slider-reach]{position:relative}.button-list button-list[data-slider-reach]:after,.button-list button-list[data-slider-reach]:before{content:"";background:linear-gradient(271.86deg,rgb(var(--color-background)) 35.56%,rgba(var(--color-background),0) 98.43%);width:7rem;position:absolute;height:100%;top:0;z-index:2;transition:opacity .1s ease-in-out;pointer-events:none}.button-list button-list[data-slider-reach]:after{right:-2.8rem}.button-list button-list[data-slider-reach]:before{left:-2.8rem;transform:scaleX(-1)}.button-list button-list[data-slider-reach=progress]:before,.button-list button-list[data-slider-reach=progress]:after,.button-list button-list[data-slider-reach=end]:before,.button-list button-list[data-slider-reach=begin]:after{opacity:1}.button-list button-list[data-slider-reach=end]:after,.button-list button-list[data-slider-reach=begin]:before{opacity:0}.button-list__items{--f-column-gap: 1.6rem;gap:var(--f-column-gap);width:100%}.button-list__items.swiper-wrapper{column-gap:0;width:auto}.button-list__item{width:auto}.button-list__item:hover .button-item__text{color:#fff}.button-item__inner{box-sizing:border-box;min-height:var(--buttons-height);height:auto;padding:.8rem 2rem}.button-item__icon{width:var(--icon-size)}.button-item__text{white-space:nowrap;font-size:15px}.button-item--icon{--icon-size: 2rem}.button-item--image{--icon-size: 4.8rem}.button-item--image .button-item__inner{padding-inline:.8rem}.button-item--image .button-item__inner:has(.button-item__text){padding-inline-end:2rem}.button-list .button-item__inner{padding:6px 28px 6px 6px;display:inline-flex;align-items:center;min-height:0;height:auto;border-radius:100px}.button-list .button-list__button-content{gap:10px}.button-list .button-item__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;overflow:hidden;padding:0;margin:0;flex-shrink:0}.button-list .button-item__icon svg{width:32px;height:32px}.button-list .button-item__icon img{width:32px;height:32px;position:static!important;object-fit:contain}.button-list .button-item__text{font-size:1.6rem;line-height:2.4rem;font-weight:500}.button-list--nav-always-visible{--swiper-navigation-size: 4.7rem}.button-list--nav-always-visible .section__content{width:100%}.button-list--nav-always-visible .button-list__nav{position:absolute;top:0;inset-inline:0;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:0;padding-top:.65rem;pointer-events:none}.button-list--nav-always-visible .button-list__nav .swiper-button{position:static;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;width:4.7rem;height:4.7rem;margin:0;padding:.8rem;border:1px solid #d0d3d4;background:#fff;border-radius:50%;box-shadow:none;color:#27251f}.button-list--nav-always-visible .button-list__nav .swiper-button:before,.button-list--nav-always-visible .button-list__nav .swiper-button:after{display:none!important}.button-list--nav-always-visible .button-list__nav .swiper-button .btn__text{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.button-list--nav-always-visible .button-list__nav .swiper-button.swiper-button-disabled,.button-list--nav-always-visible .button-list__nav .swiper-button.swiper-button-lock{display:flex!important;opacity:0!important;visibility:visible!important;pointer-events:none;cursor:default}.button-list--nav-always-visible button-list[data-slider-reach]:after{width:17.1rem;right:0;opacity:1}.button-list--nav-always-visible button-list[data-slider-reach=end]:after{opacity:0}@media(max-width:767.98px){.button-list .section__content{width:100%}.button-list .section__heading,.button-list .rich-text__heading{font-size:1.8rem;line-height:2.4rem;font-weight:600}.button-list button-list[data-slider-reach]:after{width:5.4rem;right:0;opacity:0}.button-list button-list[data-slider-reach=end]:after{opacity:0}.button-list--nav-always-visible .button-list__nav{display:none}.button-list--nav-always-visible button-list[data-slider-reach]:after{width:5.4rem}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/section-buttons-with-icon.css.map */