.btn,.btn--atc{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:0 1rem;height:var(--btn-height);border:1px solid;border-radius:var(--radius-full);background-color:transparent;color:currentColor;font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--body-size);line-height:var(--body-line);letter-spacing:var(--body-letter);text-transform:uppercase;transition:background-color,border-color,color;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease)}.btn:disabled,.btn--atc:disabled{opacity:.4;cursor:not-allowed}.btn--atc{width:100%}.btn--tag{display:inline-flex;align-items:center;justify-content:center;height:1.25rem;padding:0 1.25rem 1px;border-radius:var(--radius-full);border:1px solid;color:var(--color-text-accent);font-weight:400;text-transform:uppercase;text-align:center}@media(min-width:1024px){.btn--tag{height:1.5625rem}}.btn--more,.btn--info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);border:1px solid;color:var(--color-text-accent);padding:.25rem}.btn--info:after{--mask: url("data:image/svg+xml,%3Csvg width='4' height='10' viewBox='0 0 4 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.34 1.2C3.65 1.2 3.93 0.92 3.93 0.59C3.93 0.26 3.65 0 3.34 0C3.03 0 2.73 0.28 2.73 0.59C2.73 0.9 3.01 1.2 3.34 1.2ZM0.79 9.27C1.2 9.38 2.22 8.43 3.07 7.16L3.05 7.13C3.05 7.13 2.87 7.31 2.67 7.57C2.32 8.04 1.79 8.66 1.34 8.66C0.99 8.78 0.9 8.39 1.15 7.8L2.72 4C3.06 3.16 2.87 2.57 2.27 2.57C1.86 2.46 0.85 3.4 0 4.67L0.03 4.7C0.03 4.7 0.22 4.52 0.42 4.25C0.79 3.77 1.33 3.14 1.81 3.14C2.15 3.07 2.24 3.45 2 3.99L0.36 7.8C0 8.65 0.18 9.27 0.79 9.27Z' fill='currentColor'/%3E%3C/svg%3E");--mask-size: contain;--mask-position: center;width:100%;height:100%}.btn--more:before,.btn--more:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:currentColor;transition:transform var(--transition-duration) var(--transition-ease)}.btn--more:before{width:.625rem;height:1px}.btn--more:after{width:1px;height:.625rem}.btn--more.active:after{transform:translate(-50%,-50%) rotate(90deg)}.btn--cart{position:relative;display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;flex-shrink:0;border:.5px solid;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-duration) var(--transition-ease)}.btn--cart:after{--mask: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6449 3.42969C10.6448 1.80459 9.39404 0.5 7.88516 0.5C6.37638 0.500135 5.12555 1.80467 5.12539 3.42969V8.61035H4.62539V3.42969C4.62555 1.55515 6.07434 0.000134299 7.88516 0C9.69608 0 11.1448 1.55507 11.1449 3.42969V8.61035H10.6449V3.42969Z' fill='%23231F20'/%3E%3Cpath d='M15.5059 6.62461C15.6575 6.62486 15.7803 6.74827 15.7803 6.9V17.7301C15.7802 17.8818 15.6575 18.0052 15.5059 18.0055H0.275391C0.123538 18.0055 4.11668e-05 17.8819 0 17.7301V6.9C0 6.74812 0.123512 6.62461 0.275391 6.62461H15.5059ZM0.550781 17.4547H15.2305V7.17539H0.550781V17.4547Z' fill='%23231F20'/%3E%3C/svg%3E%0A");--mask-size: contain;--mask-position: center;--mask-repeat: no-repeat;content:"";display:block;width:1.625rem;height:.9375rem}.btn--arrow:after{width:100%;height:100%;--mask: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.12079 12L13.1461 6.22148H0V5.79866H13.1671L7.12079 0H7.16292L15 6L7.16292 12H7.12079Z' fill='white'/%3E%3C/svg%3E%0A");--mask-size: contain;--mask-position: center;--mask-repeat: no-repeat}.btn--close{position:relative;width:1em;height:1em;transform:rotate(45deg)}.btn--close:before,.btn--close:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:currentColor}.btn--close:before{width:1em;height:.5px}.btn--close:after{width:.5px;height:1em}.btn--play,.btn--sound{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border:1px solid;border-radius:var(--radius-full)}.btn--play:before{--mask: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.781494V17.4015L18.5 9.09149L0.5 0.781494Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");--mask-size: 1.1875rem ;width:var(--mask-size);height:var(--mask-size);transform:translate(.15rem)}.btn--play.playing:before{display:none}.btn--play:after{--mask: url("data:image/svg+xml,%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='4' height='16' stroke='white'/%3E%3Crect x='9.5' y='0.5' width='4' height='16' stroke='white'/%3E%3C/svg%3E%0A");--mask-size: .875rem ;width:.875rem;height:1.0625rem}.btn--play:not(.playing):after{display:none}.btn--sound:before{--mask: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.72 15.9119V9.1119V7.75191V0.951904L5.28 4.0119H0.5V12.8519H5.28L9.72 15.9119Z' stroke='white'/%3E%3Cpath d='M16.42 4.9519C16.42 4.9519 18.42 6.7722 18.42 8.4519C18.42 10.1316 16.42 11.9519 16.42 11.9519' stroke='white'/%3E%3Cpath d='M19.42 1.9519C19.42 1.9519 22.42 5.33245 22.42 8.4519C22.42 11.5714 19.42 14.9519 19.42 14.9519' stroke='white'/%3E%3C/svg%3E%0A");--mask-size: 1.4375rem ;width:1.4375rem;height:1.0625rem}.btn--sound:after{--mask: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.72 15.9119V9.1119V7.75191V0.951904L5.28 4.0119H0.5V12.8519H5.28L9.72 15.9119Z' stroke='white'/%3E%3Cpath d='M15.8301 5.06177L22.5801 11.8118' stroke='white'/%3E%3Cpath d='M22.5801 5.06177L15.8301 11.8118' stroke='white'/%3E%3C/svg%3E%0A");--mask-size: 1.4375rem ;width:1.4375rem;height:1.0625rem}[data-audio=true] .btn--sound:before{display:none}[data-audio=false] .btn--sound:after{display:none}@media(hover:hover){.btn:not(.no-hover):hover,.group:hover .btn:not(.no-hover){background-color:var(--hover-bg, var(--color-background));border-color:var(--hover-bg, var(--color-background));color:var(--hover-color, var(--color-text))}.btn--cart:hover{background-color:var(--color-accent)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/buttons.css.map */