.btn,.button{--pe-btn-color: var(--pe-body-color);--pe-btn-bg: transparent;--pe-btn-border-color: transparent;--pe-btn-hover-border-color: transparent;--pe-btn-box-shadow: 0px 1px 2px 0px #1018280D;--pe-btn-disabled-opacity: .4;--pe-btn-focus-box-shadow: 0px 1px 2px 0px #1018280D;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:var(--pe-btn-padding-y) var(--pe-btn-padding-x);font-family:var(--pe-btn-font-family);font-size:var(--pe-btn-font-size);font-weight:var(--pe-btn-font-weight);line-height:var(--pe-btn-line-height);letter-spacing:var(--pe-btn-letter-spacing);text-transform:var(--pe-btn-text-transform);color:var(--pe-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--pe-btn-border-width) solid var(--pe-btn-border-color);box-shadow:var(--pe-btn-box-shadow);border-radius:var(--pe-btn-border-radius);background-color:var(--pe-btn-bg);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}.btn:not(.btn-link){position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover,.button:hover{color:var(--pe-btn-hover-color);border-color:transparent}.btn:focus-visible,.button:focus-visible{color:var(--pe-btn-hover-color);background-color:var(--pe-btn-hover-bg);border-color:var(--pe-btn-hover-border-color);outline:0;box-shadow:var(--pe-btn-focus-box-shadow)}.btn:active,.button:active{color:var(--pe-btn-active-color);border-color:transparent}.btn:disabled,.btn.disabled,fieldset:disabled .btn,.button:disabled{color:var(--pe-btn-disabled-color);pointer-events:none;background-color:var(--pe-btn-disabled-bg);border-color:var(--pe-btn-disabled-border-color);opacity:var(--pe-btn-disabled-opacity)}.btn:not(.btn-link):before,.button:before{content:"";width:0px;height:100%;display:block;position:absolute;left:0;z-index:-1;top:0;background-color:var(--pe-btn-hover-bg);transition:.3s;opacity:0;border-radius:var(--pe-btn-border-radius)}.btn:active:before,.button:active:before{background-color:var(--pe-btn-active-bg);border-color:var(--pe-btn-active-border-color)}.btn:hover:before,.btn:active:before,.button:hover:before,.button:active:before{width:100%;opacity:1}.btn:not(.btn-link):after,.button:after{content:"";width:0px;height:calc(100% + 2px);display:block;position:absolute;left:-1px;z-index:-2;top:-1px;transition:.3s;opacity:0;border:2px solid var(--pe-btn-hover-border-color);border-radius:var(--pe-btn-border-radius)}.btn:active:after,.button:active:after{border-color:var(--pe-btn-active-border-color)}.btn:hover:after,.btn:active:after,.button:active:after{width:calc(100% + 2px);opacity:1}.btn-lg{--pe-btn-padding-y: var(--pe-y-padding-btn-lg);--pe-btn-padding-x: var(--pe-x-padding-btn-lg);--pe-btn-font-size: var(--pe-font-size-btn-lg);--pe-btn-border-radius: var(--pe-border-radius-btn-lg)}.btn-sm{--pe-btn-padding-y: var(--pe-y-padding-btn-sm);--pe-btn-padding-x: var(--pe-x-padding-btn-sm);--pe-btn-font-size: var(--pe-font-size-btn-sm);--pe-btn-border-radius: 8px}.btn-primary,.button{--pe-btn-color: var(--pe-primary-btn-color);--pe-btn-bg: var(--pe-primary-btn-bg);--pe-btn-border-color:var(--pe-primary-btn-border-color);--pe-btn-hover-color: var(--pe-primary-btn-hover-color);--pe-btn-hover-bg: var(--pe-primary-btn-hover-bg);--pe-btn-hover-border-color: var(--pe-primary-btn-hover-border-color);--pe-btn-focus-shadow-rgb: 49, 132, 253;--pe-btn-active-color: var(--pe-primary-btn-active-color);--pe-btn-active-bg: var(--pe-primary-btn-active-bg);--pe-btn-active-border-color: var(--pe-primary-btn-active-border-color);--pe-btn-disabled-color: var(--pe-primary-btn-color);--pe-btn-disabled-bg: var(--pe-primary-btn-bg);--pe-btn-disabled-border-color: var(--pe-primary-btn-border-color)}.btn-secondary{--pe-btn-color: var(--pe-secondary-btn-color);--pe-btn-bg: var(--pe-secondary-btn-bg);--pe-btn-border-color:var(--pe-secondary-btn-border-color);--pe-btn-hover-color: var(--pe-secondary-btn-hover-color);--pe-btn-hover-bg: var(--pe-secondary-btn-hover-bg);--pe-btn-hover-border-color: var(--pe-secondary-btn-hover-border-color);--pe-btn-focus-shadow-rgb: 49, 132, 253;--pe-btn-active-color: var(--pe-secondary-btn-active-color);--pe-btn-active-bg: var(--pe-secondary-btn-active-bg);--pe-btn-active-border-color: var(--pe-secondary-btn-active-border-color);--pe-btn-disabled-color: var(--pe-secondary-btn-color);--pe-btn-disabled-bg: var(--pe-secondary-btn-bg);--pe-btn-disabled-border-color: var(--pe-secondary-btn-border-color)}.btn-light{--pe-btn-color: var(--pe-light-btn-color);--pe-btn-bg: var(--pe-light-btn-bg);--pe-btn-border-color:var(--pe-light-btn-border-color);--pe-btn-hover-color: var(--pe-light-btn-hover-color);--pe-btn-hover-bg: var(--pe-light-btn-hover-bg);--pe-btn-hover-border-color: var(--pe-light-btn-hover-border-color);--pe-btn-focus-shadow-rgb: 49, 132, 253;--pe-btn-active-color: var(--pe-light-btn-active-color);--pe-btn-active-bg: var(--pe-light-btn-active-bg);--pe-btn-active-border-color: var(--pe-light-btn-active-border-color);--pe-btn-disabled-color: var(--pe-light-btn-color);--pe-btn-disabled-bg: var(--pe-light-btn-bg);--pe-btn-disabled-border-color: var(--pe-light-btn-border-color)}.btn-outline-light{--pe-btn-color: var(--pe-light-outline-btn-color);--pe-btn-bg: var(--pe-light-outline-btn-bg);--pe-btn-border-color:var(--pe-light-outline-btn-border-color);--pe-btn-hover-color: var(--pe-light-outline-btn-hover-color);--pe-btn-hover-bg: var(--pe-light-outline-btn-hover-bg);--pe-btn-hover-border-color: var(--pe-light-outline-btn-hover-border-color);--pe-btn-focus-shadow-rgb: 49, 132, 253;--pe-btn-active-color: var(--pe-light-outline-btn-active-color);--pe-btn-active-bg: var(--pe-light-outline-btn-active-bg);--pe-btn-active-border-color: var(--pe-light-outline-btn-active-border-color);--pe-btn-disabled-color: var(--pe-light-outline-btn-color);--pe-btn-disabled-bg: var(--pe-light-outline-btn-bg);--pe-btn-disabled-border-color: var(--pe-light-outline-btn-border-color)}.btn-dark{--pe-btn-color: var(--pe-dark-btn-color);--pe-btn-bg: var(--pe-dark-btn-bg);--pe-btn-border-color:var(--pe-dark-btn-border-color);--pe-btn-hover-color: var(--pe-dark-btn-hover-color);--pe-btn-hover-bg: var(--pe-dark-btn-hover-bg);--pe-btn-hover-border-color: var(--pe-dark-btn-hover-border-color);--pe-btn-focus-shadow-rgb: 49, 132, 253;--pe-btn-active-color: var(--pe-dark-btn-active-color);--pe-btn-active-bg: var(--pe-dark-btn-active-bg);--pe-btn-active-border-color: var(--pe-dark-btn-active-border-color);--pe-btn-disabled-color: var(--pe-dark-btn-color);--pe-btn-disabled-bg: var(--pe-dark-btn-bg);--pe-btn-disabled-border-color: var(--pe-dark-btn-border-color)}.btn-outline-dark{--pe-btn-color: var(--pe-dark-outline-btn-color);--pe-btn-bg: var(--pe-dark-outline-btn-bg);--pe-btn-border-color:var(--pe-dark-outline-btn-border-color);--pe-btn-hover-color: var(--pe-dark-outline-btn-hover-color);--pe-btn-hover-bg: var(--pe-dark-outline-btn-hover-bg);--pe-btn-hover-border-color: var(--pe-dark-outline-btn-hover-border-color);--pe-btn-focus-shadow-rgb: 49, 132, 253;--pe-btn-active-color: var(--pe-dark-outline-btn-active-color);--pe-btn-active-bg: var(--pe-dark-outline-btn-active-bg);--pe-btn-active-border-color: var(--pe-dark-outline-btn-active-border-color);--pe-btn-disabled-color: var(--pe-dark-outline-btn-color);--pe-btn-disabled-bg: var(--pe-dark-outline-btn-bg);--pe-btn-disabled-border-color: var(--pe-dark-outline-btn-border-color)}.btn-link{display:inline-block;position:relative;font-family:var(--pe-link-font-family);font-size:var(--pe-link-font-size);font-weight:var(--pe-link-font-weight);letter-spacing:var(--pe-link-letter-spacing);text-transform:var(--pe-link-text-transform);line-height:var(--pe-link-line-height);padding:0 0 var(--pe-link-padding-y);transition:ease-in-out .25s;border:0;border-radius:0}.btn-link:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;width:100%!important;border-bottom:var(--pe-link-border-width) solid;transition:ease-in-out .25s}.btn-link.btn-link-light:after{border-color:var(--pe-link-light-border-color)}.btn-link.btn-link-light{color:var(--pe-link-light-text-color)}.btn-link.btn-link-light:hover:after{border-color:var(--pe-link-hover-light-border-color)}.btn-link.btn-link-light:active:after{border-color:var(--pe-secondary-btn-active-bg)}.btn-link.btn-link-light:hover{color:var(--pe-link-hover-light-text-color)}.btn-link:hover:after,.btn-link:active:after{bottom:-2px}.btn-link.btn-link-dark:after{border-color:var(--pe-link-dark-border-color)}.btn-link.btn-link-dark{color:var(--pe-link-dark-text-color)}.btn-link.btn-link-dark:hover:after{border-color:var(--pe-link-dark-border-color)}.btn-link.btn-link-dark:active:after{border-color:var(--pe-link-hover-dark-border-color)}.btn-link.btn-link-dark:hover{color:var(--pe-link-hover-dark-text-color)}.spinner-border{--pe-spinner-width: 21px;--pe-spinner-height: 21px;--pe-spinner-vertical-align: -.35em;--pe-spinner-border-width: .25em;--pe-spinner-animation-speed: .75s;--pe-spinner-animation-name: spinner-border;display:none;width:var(--pe-spinner-width);height:var(--pe-spinner-height);vertical-align:var(--pe-spinner-vertical-align);border-radius:50%;border:var(--pe-spinner-border-width) solid currentcolor;border-right-color:transparent;-webkit-animation:var(--pe-spinner-animation-speed) linear infinite var(--pe-spinner-animation-name);animation:var(--pe-spinner-animation-speed) linear infinite var(--pe-spinner-animation-name)}.btn-lg .spinner-border{--pe-spinner-width: 22.5px;--pe-spinner-height: 22.5px}.btn-sm .spinner-border{--pe-spinner-width: 19.5px;--pe-spinner-height: 19.5px}.spinner-border-sm{--pe-spinner-width: 1rem;--pe-spinner-height: 1rem;--pe-spinner-border-width: .2em}.simple-btn-link,.form-check-label a{color:var(--pe-color-black);font-weight:400;font-size:14px;line-height:140%;letter-spacing:0%;text-transform:capitalize}.simple-btn-link:hover,.form-check-label a:hover{text-decoration:underline;color:var(--pe-color-black)}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner-border{--pe-spinner-animation-speed: 1.5s}}.btn .add-text,.btn.loading .spinner-border{display:inline-block}.btn.loading .add-text{display:none}.badge{--pe-badges-padding-x: var(--pe-badge-padding-x);--pe-badges-padding-y: var(--pe-badge-padding-y);--pe-badges-font-size: var(--pe-badge-font-size);--pe-badges-font-weight: var(--pe-badge-font-weight);--pe-badges-border-radius: var(--pe-badge-border-radius);--pe-badges-color: #fff;display:inline-block;padding:var(--pe-badges-padding-y) var(--pe-badges-padding-x);font-size:var(--pe-badges-font-size);font-weight:var(--pe-badges-font-weight);line-height:1;color:var(--pe-badges-color);text-align:center;white-space:nowrap;vertical-align:baseline;text-transform:var(--pe-badge-text-transform);border-radius:var(--pe-badges-border-radius);background-color:var(--pe-color-primary-300)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-sale{background-color:var(--pe-sale-badge-bg-color);color:var(--pe-sale-badge-text-color);text-transform:capitalize}.badge-new{background-color:var(--pe-new-badge-bg-color);color:var(--pe-new-badge-text-color)}.badge-sold,.badge-sold-out{background-color:var(--pe-sold-badge-bg-color);color:var(--pe-sold-badge-text-color);text-transform:unset}.badge-best-seller{background-color:var(--pe-best-seller-badge-bg-color);color:var(--pe-best-seller-badge-text-color)}.badge-low{background-color:var(--pe-color-primary-100);color:var(--pe-color-secondary-200)}.badge-backordered{background-color:var(--pe-color-gray-70);color:var(--pe-color-black)}.shadow{-webkit-box-shadow:var(--pe-shadow)!important;box-shadow:var(--pe-shadow)!important}.shadow-sm{-webkit-box-shadow:var(--pe-shadow-sm)!important;box-shadow:var(--pe-shadow-sm)!important}.shadow-lg{-webkit-box-shadow:var(--pe-shadow-lg)!important;box-shadow:var(--pe-shadow-lg)!important}.shadow-none{-webkit-box-shadow:none!important;box-shadow:none!important}.template-article .btn,.button{position:relative;z-index:1}.template-article .btn:hover,.button:hover{text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/buttons-badges.css.map */