.custom-btn-white-arrow{padding:12px 24px;width:max-content;display:flex;align-items:center;gap:8px;font-family:PP Neue Montreal;font-size:14px;font-weight:500;line-height:normal;color:var(--black, #251E1B);background-color:var(--white, #fff);border-radius:100px;transition:color .3s,background-color .3s;cursor:pointer}.custom-btn-white-arrow span:first-child{color:var(--black, #251E1B);transition:transform .75s}.custom-btn-white-arrow span:last-child{position:relative;width:16px;height:16px;display:block;overflow:hidden;transition:transform .75s}.custom-btn-white-arrow span:last-child:before{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;display:block;background-image:url(arrow-right-black.svg);background-repeat:no-repeat;background-position:center;transition:transform .75s}.custom-btn-white-arrow span:last-child:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-image:url(arrow-right-black.svg);background-repeat:no-repeat;background-position:center;transition:transform .75s}@media screen and (min-width:990px){.custom-btn-white-arrow:hover span:first-child{transform:translate(-10px)}.custom-btn-white-arrow:hover span:last-child{transform:translate(10px)}.custom-btn-white-arrow:hover span:last-child:before{transform:translate(100%)}.custom-btn-white-arrow:hover span:last-child:after{transform:translate(100%)}}.custom-btn-black-arrow{padding:12px 24px;width:max-content;display:flex;align-items:center;gap:8px;font-family:PP Neue Montreal;font-size:14px;font-weight:500;line-height:normal;color:var(--white, #fff);background-color:var(--black, #251E1B);border-radius:100px;transition:color .3s,background-color .3s;cursor:pointer}.custom-btn-black-arrow span:first-child{color:var(--white, #fff);transition:transform .75s}.custom-btn-black-arrow span:last-child{position:relative;width:16px;height:16px;display:block;overflow:hidden;transition:transform .75s}.custom-btn-black-arrow span:last-child:before{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;display:block;background-image:url(arrow-right-white.svg);background-repeat:no-repeat;background-position:center;transition:transform .75s}.custom-btn-black-arrow span:last-child:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-image:url(arrow-right-white.svg);background-repeat:no-repeat;background-position:center;transition:transform .75s}@media screen and (min-width:990px){.custom-btn-black-arrow:hover span:first-child{transform:translate(-10px)}.custom-btn-black-arrow:hover span:last-child{transform:translate(10px)}.custom-btn-black-arrow:hover span:last-child:before{transform:translate(100%)}.custom-btn-black-arrow:hover span:last-child:after{transform:translate(100%)}}.custom-btn-transparent-arrow{padding:10px 24px;display:flex;align-items:center;gap:8px;align-self:flex-start;font-family:PP Neue Montreal;font-size:14px;font-weight:500;line-height:normal;background-color:transparent;border-radius:100px;border:1px solid var(--black-10, rgba(37, 30, 27, .1));transition:color .3s,background-color .3s;cursor:pointer}.custom-btn-transparent-arrow span:first-child{color:var(--black, #251E1B);transition:transform .75s}.custom-btn-transparent-arrow span:last-child{position:relative;width:16px;height:16px;display:block;overflow:hidden;transition:transform .75s}.custom-btn-transparent-arrow span:last-child:before{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;display:block;background-image:url(arrow-right-black.svg);background-repeat:no-repeat;background-position:center;transition:transform .75s}.custom-btn-transparent-arrow span:last-child:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-image:url(arrow-right-black.svg);background-repeat:no-repeat;background-position:center;transition:transform .75s}@media screen and (min-width:990px){.custom-btn-transparent-arrow:hover span:first-child{transform:translate(-10px)}.custom-btn-transparent-arrow:hover span:last-child{transform:translate(10px)}.custom-btn-transparent-arrow:hover span:last-child:before{transform:translate(100%)}.custom-btn-transparent-arrow:hover span:last-child:after{transform:translate(100%)}}.custom-btn-white-arrow-transparent{padding:4px 0;display:flex;align-items:center;gap:8px;align-self:flex-start;font-family:PP Neue Montreal;font-size:14px;font-weight:500;line-height:normal;color:var(--white, #251E1B);transition:color .3s,background-color .3s;cursor:pointer}.custom-btn-white-arrow-transparent:after{content:"";width:16px;height:16px;background-image:url(arrow-right-white.svg);background-repeat:no-repeat;background-position:center}.custom-btn-black-arrow-transparent{position:relative;padding:4px 0;display:flex;align-items:center;gap:8px;align-self:flex-start;font-family:PP Neue Montreal;font-size:14px;font-weight:500;line-height:normal;color:var(--black-70, rgba(37, 30, 27, .7));transition:color .3s,background-color .3s;cursor:pointer;overflow:hidden}.custom-btn-black-arrow-transparent:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--black-70, rgba(37, 30, 27, .7));transform:translate(-101%);transition:transform .3s}.custom-btn-black-arrow-transparent:after{content:"";width:16px;height:16px;background-image:url(arrow-right-black-70.svg);background-repeat:no-repeat;background-position:center}@media screen and (min-width:990px){.custom-btn-black-arrow-transparent:hover:before{transform:translateY(0)}}.custom-slider-arrow{cursor:pointer;transition:background-color .75s}.custom-slider-arrow[disabled]{pointer-events:none}.custom-slider-arrow span{position:relative;width:16px;height:16px;display:block;overflow:hidden}.custom-slider-arrow span svg:first-child{transition:transform .75s}.custom-slider-arrow span svg:last-child{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);transition:transform .75s}.custom-slider-arrow svg{width:100%;height:100%}@media screen and (min-width:990px){.custom-slider-arrow:hover span svg:first-child{transform:translate(120%)}.custom-slider-arrow:hover span svg:last-child{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-buttons.css.map */