.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-decoration:none;line-height:1;min-width:150px;background:var(--color-primary);color:var(--color-white);text-transform:uppercase;transition:all .15s ease-in;border:1px solid transparent}.button span{text-transform:uppercase;color:var(--color-white)}.button:focus{outline:0}.button.has-icon svg{color:var(--color-white)}@media(hover:hover)and (pointer:fine){.button:not(.button--no-hover):hover{border:1px solid var(--color-primary);color:var(--color-primary);background:var(--color-white);text-decoration:none;transition:all .15s ease-in}.button:not(.button--no-hover):hover span{text-decoration:none;color:var(--color-primary)}}@media(max-width:1023.98px){.button{padding-left:1.3125rem;padding-right:1.3125rem}}.button.button--small{min-width:unset;padding:.9375rem 1.25rem}.button.button--s{min-width:unset;padding:1em 1.5rem}.button.button--m{min-width:unset;padding:1em 3rem}@media(max-width:1023.98px){.button.button--tablette--m{min-width:unset;padding:1em 3rem}}.button.button--full-width{width:100%}@media(max-width:519.98px){.button.button--mobile--s{min-width:unset;padding:1em 1.5rem}}.button.button--l{padding:1.2em 2.8rem}.button.button--l span{font-size:var(--text-m)}@media(hover:hover)and (pointer:fine){.button.button-dark-hover:not(.button--no-hover):hover{background:#302e2e}.button.button-dark-hover:not(.button--no-hover):hover span{color:var(--color-white)}}.button.button--primary.button--dark{background:var(--color-white);color:var(--color-primary)}.button.button--primary.button--dark span{color:var(--color-primary)}@media(hover:hover)and (pointer:fine){.button.button--primary.button--dark:hover{background:var(--color-black);color:var(--color-white)}.button.button--primary.button--dark:hover span{color:var(--color-white)}}@media(hover:hover)and (pointer:fine){.button.button--primary.button--primary-border-hover:not(.button--no-hover):hover{border:1px solid var(--color-raisin-black)}}@media(hover:hover)and (pointer:fine){.button.button--primary.button--primary-light-border-hover:not(.button--no-hover):hover{border:1px solid var(--color-anti-flash-white)}}.button.button--secondary{border:1px solid var(--color-primary);color:var(--color-primary);background:var(--color-white)}.button.button--secondary span{color:var(--color-primary)}.button.button--secondary.has-icon svg{color:var(--color-primary)}.button.button--secondary.button--has-icon svg{margin-right:var(--space-m)}@media(hover:hover)and (pointer:fine){.button.button--secondary:not(.button--no-hover):hover{background:var(--color-primary);color:var(--color-white)}.button.button--secondary:not(.button--no-hover):hover span{color:var(--color-white)}}.button.button--alt{border:1px solid var(--color-anti-flash-white);color:var(--color-primary);background:var(--color-white)}.button.button--alt.button--has-icon svg{margin-right:var(--space-l)}.button.button--alt.button--alt-border{border:1px solid var(--color-primary)}.button.button--alt.button--return{padding:1em 3em 1em .5em}.button.button--alt span{color:var(--color-primary)}@media(hover:hover)and (pointer:fine){.button.button--alt:not(.button--no-hover):hover{background:var(--color-primary);color:var(--color-white)}.button.button--alt:not(.button--no-hover):hover span{color:var(--color-white)}}.button.button--filter{padding-left:2.625rem;padding-right:2.625rem}.button.has-icon svg+span,.button.has-icon span+svg{margin-left:.5rem}.button.has-icon svg{color:inherit}@media(hover:hover)and (pointer:fine){.button.has-icon:not(.button--no-hover):hover svg{color:var(--color-white)}}.button:disabled,.button[aria-disabled=true],.button.disabled{cursor:not-allowed;background:var(--color-philippine-gray);color:var(--color-white)}@media(hover:hover)and (pointer:fine){.button:disabled:not(.button--no-hover):hover,.button[aria-disabled=true]:not(.button--no-hover):hover,.button.disabled:not(.button--no-hover):hover{border-color:transparent;background:var(--color-philippine-gray);color:var(--color-white)}.button:disabled:not(.button--no-hover):hover span,.button[aria-disabled=true]:not(.button--no-hover):hover span,.button.disabled:not(.button--no-hover):hover span{color:var(--color-white)}}.button.button--loading{color:transparent;position:relative;background:var(--color-primary)}.button.button--loading *{color:transparent!important}.button.button--loading:after{content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);transform:translate(-50%,-50%);border:3px solid var(--color-white);border-top:3px solid var(--color-primary);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.button--add-to-cart.checked svg{stroke-dasharray:150;animation-name:check;animation-duration:1s;animation-iteration-count:1;vertical-align:middle;animation:check 1s alternate infinite}@keyframes check{0%{stroke-dashoffset:150}to{stroke-dashoffset:0}}.button.button--checked{border:solid 1px var(--color-primary);color:var(--color-primary);background:var(--color-white)}.button.button--checked span{color:var(--color-primary)}.button.button--checked:before{content:"";position:relative;display:block;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5.5 9.5L14 1' stroke='%23292525'/%3E%3C/svg%3E%0A");width:24px;height:24px;margin-right:var(--space-xs)}button>span{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/886/assets/button-BB6wi2e5.css.map */