:root{--primary-button-bg-color: transparent;--primary-button-text-color: var(--color-primary-white);--primary-button-border-color: var(--color-primary-white);--primary-button-bg-color-hover: var(--color-primary-black);--primary-button-text-color-hover: var(--color-primary-white);--primary-button-border-color-hover: var(--color-primary-white);--secondary-button-text-color: var(--color-primary-white);--secondary-button-text-color-hover: var(--color-primary-white)}.primary-button{font-size:1rem;line-height:1.4;font-weight:500;font-family:inherit;display:flex;gap:.5rem;align-items:center;text-align:center;justify-content:center;width:100%;box-sizing:border-box;transition:border-color .3s,background-color .3s,color .3s;padding:1rem 1.5rem;letter-spacing:.08em;cursor:pointer;text-decoration:none;background-color:var(--primary-button-bg-color);color:var(--primary-button-text-color);border:.0625rem solid var(--primary-button-border-color);position:relative;text-transform:uppercase}@media (max-width: 767px){.primary-button{font-size:.875rem}}.primary-button--small{font-size:.875rem;line-height:1.4;font-weight:400;padding:.5rem 1rem}.primary-button:hover{background-color:var(--primary-button-bg-color-hover);border-color:var(--primary-button-border-color-hover);color:var(--primary-button-text-color-hover)}.primary-button:hover:after{border-color:var(--primary-button-text-color-hover)}.primary-button svg{max-height:1.25rem;flex-shrink:0}.primary-button:after{content:"";opacity:0;position:absolute;border:.0625rem solid var(--primary-button-text-color);width:.5rem;height:.5rem;border-radius:100%;border-left-color:transparent!important;top:0;bottom:0;right:0;left:0;margin:auto;transition:opacity .15s;animation:loading-spinner .5s linear infinite}.primary-button--solid{--primary-button-bg-color: var(--color-primary-white);--primary-button-text-color: var(--color-primary-black);--primary-button-border-color: var(--color-primary-white);--primary-button-bg-color-hover: var(--color-primary-black);--primary-button-text-color-hover: var(--color-primary-white);--primary-button-border-color-hover: var(--color-primary-white)}.primary-button--solid-dark{--primary-button-bg-color: var(--color-primary-black);--primary-button-text-color: var(--color-primary-white);--primary-button-border-color: var(--color-primary-black);--primary-button-bg-color-hover: transparent;--primary-button-text-color-hover: var(--color-primary-black);--primary-button-border-color-hover: var(--color-primary-black)}.primary-button--outline{--primary-button-bg-color: transparent;--primary-button-text-color: var(--color-primary-white);--primary-button-border-color: var(--color-primary-white);--primary-button-bg-color-hover: var(--color-primary-white);--primary-button-text-color-hover: var(--color-primary-black);--primary-button-border-color-hover: var(--color-primary-white)}.primary-button--outline-dark{--primary-button-bg-color: transparent;--primary-button-text-color: var(--color-primary-black);--primary-button-border-color: var(--color-primary-black);--primary-button-bg-color-hover: var(--color-primary-black);--primary-button-text-color-hover: var(--color-primary-white);--primary-button-border-color-hover: var(--color-primary-black)}[loading] .primary-button,.primary-button--loading{color:transparent}[loading] .primary-button:after,.primary-button--loading:after{opacity:1}.primary-button:is(a:not([href]),[disabled],.primary-button--disabled),a:not([href]) .primary-button.primary-button--solid,[disabled] .primary-button.primary-button--solid{cursor:default;pointer-events:none;background-color:var(--color-primary-light-grey);color:var(--color-primary-white);border-color:var(--color-primary-light-grey)}.primary-button:is(a:not([href]),[disabled],.primary-button--disabled):after,a:not([href]) .primary-button.primary-button--solid:after,[disabled] .primary-button.primary-button--solid:after{border-color:var(--color-primary-light-grey)}.primary-button:is(a:not([href]),[disabled],.primary-button--disabled),a:not([href]) .primary-button.primary-button--outline,[disabled] .primary-button.primary-button--outline{cursor:default;pointer-events:none;background-color:transparent;color:var(--color-secondary-dark-grey);border-color:var(--color-secondary-dark-grey)}.primary-button:is(a:not([href]),[disabled],.primary-button--disabled):after,a:not([href]) .primary-button.primary-button--outline:after,[disabled] .primary-button.primary-button--outline:after{border-color:var(--color-secondary-dark-grey)}.secondary-button{font-size:.875rem;line-height:1.4;font-weight:500;font-family:inherit;border:0;background:#0000;padding:0;cursor:pointer;text-decoration:none;display:inline-block;color:var(--secondary-button-text-color);position:relative;text-transform:capitalize;padding-bottom:.25rem}.secondary-button:before{content:"";position:absolute;width:100%;bottom:-.125rem;height:1px;background-color:currentcolor;transition:height .2s}.secondary-button:hover:before,a:hover .secondary-button:before,button:hover .secondary-button:before,input:hover .secondary-button:before{height:0rem}.secondary-button:is(a:not([href]),[disabled],.secondary-button--disabled),a:not([href]) .secondary-button,[disabled] .secondary-button{cursor:default;pointer-events:none;color:var(--color-primary-light-grey);border-color:var(--color-primary-light-grey)}
/*# sourceMappingURL=/cdn/shop/t/293/assets/css-button-styles.css.map */