.btn{--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: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--pe-btn-disabled-opacity: 1;--pe-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--pe--btn-focus-shadow-rgb), .5);--pe-primary-btn-disabled-text-color: var(--pe-color-gray-200);--pe-primary-btn-disabled-bg: var(--pe-color-gray-700);--pe-light-btn-disabled-text-color: var(--pe-color-gray-800);--pe-light-btn-disabled-bg: var(--pe-color-gray-300);display:inline-block;position:relative;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);border-radius:var(--pe-btn-border-radius);background-color:var(--pe-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;overflow:hidden}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--pe-btn-hover-color);background-color:var(--pe-btn-hover-bg);border-color:var(--pe-btn-hover-border-color)}.btn: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{color:var(--pe-btn-active-color);background-color:var(--pe-btn-active-bg);border-color:var(--pe-btn-active-border-color)}.btn-primary:disabled,.btn-primary.disabled,fieldset:disabled .btn-primary{color:var(--pe-primary-btn-disabled-text-color);pointer-events:none;background-color:var(--pe-primary-btn-disabled-bg);border-color:var(--pe-primary-btn-disabled-bg);opacity:var(--pe-primary-btn-disabled-opacity)}.btn-light:disabled,.btn-light.disabled,fieldset:disabled .btn-light{color:var(--pe-light-btn-disabled-text-color);pointer-events:none;background-color:var(--pe-light-btn-disabled-bg);border-color:var(--pe-light-btn-disabled-bg);opacity:var(--pe-light-btn-disabled-opacity)}.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: var(--pe-border-radius-btn-sm)}.btn-primary{--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-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-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);background-color:transparent;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%;height:var(--pe-link-border-width);transition:ease-in-out .25s;background-color:currentColor}.btn-link.btn-link-secondary:after{background-color:var(--pe-link-secondary-border-color)}.btn-link.btn-link-secondary{color:var(--pe-link-secondary-text-color)}.btn-link.btn-link-secondary:hover:after{background-color:var(--pe-link-hover-secondary-border-color)}.btn-link.btn-link-secondary:hover{color:var(--pe-link-hover-secondary-text-color)}.btn-link.btn-link-primary:after{background-color:var(--pe-link-primary-border-color)}.btn-link.btn-link-primary{color:var(--pe-link-primary-text-color)}.btn-link.btn-link-primary:hover:after{background-color:var(--pe-link-hover-primary-border-color)}.btn-link.btn-link-primary:hover{color:var(--pe-link-hover-primary-text-color)}.spinner-border{--pe-spinner-width: 1.25rem;--pe-spinner-height: 1.25rem;--pe-spinner-vertical-align: -.35em;--pe-spinner-border-width: .25em;--pe-spinner-animation-speed: .75s;--pe-spinner-animation-name: spinner-border;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)}.spinner-border-sm{--pe-spinner-width: 1rem;--pe-spinner-height: 1rem;--pe-spinner-border-width: .2em}@-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{display:inline-block}.btn .spinner-border{opacity:0;position:absolute;top:calc(50% - var(--pe-spinner-height) / 2);left:calc(50% - var(--pe-spinner-width) / 2)}.btn.loading .spinner-border{opacity:1}.btn.loading .add-text{opacity:0}.btn .btn-anim,.btn-link .btn-anim{overflow:hidden;position:relative;width:100%;display:flex;flex-direction:column}.btn-anim>span{transition:transform .3s ease-in;position:relative}.btn .btn-anim:after,.btn-link .btn-anim:after{content:attr(data-text);position:absolute;transform:translateY(calc(100% + 4px));left:0;right:0;margin:0 auto;transition:transform .3s ease-in}@media(min-width:992px){.btn:hover>span:after,.btn-link:hover>span:after{transform:translateY(0)}.btn:hover .btn-anim span,.btn-link:hover .btn-anim span{transform:translateY(calc((100% + 4px)*-1))}}.badge{--pe-badges-color: #fff;display:inline-block;padding:var(--pe-badge-padding-y) var(--pe-badge-padding-x);font-size:var(--pe-badge-font-size);font-weight:var(--pe-badge-font-weight);line-height:var(--pe-badge-line-height);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-badge-border-radius);letter-spacing:var(--pe-badge-letter-spacing)}.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)}.badge-new{background-color:var(--pe-new-badge-bg-color);color:var(--pe-new-badge-text-color)}.badge-sold{background-color:var(--pe-sold-badge-bg-color);color:var(--pe-sold-badge-text-color)}.badge-best-seller{background-color:var(--pe-best-seller-badge-bg-color);color:var(--pe-best-seller-badge-text-color)}
/*# sourceMappingURL=/cdn/shop/t/25/assets/buttons-badges.css.map */