button{font-size:inherit}.btn,.btn--fill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;height:2rem;padding:0 3rem;border:1px solid currentColor;font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);line-height:var(--btn-line);letter-spacing:var(--btn-letter);text-transform:uppercase;transition-property:background-color,color,border-color;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease);white-space:nowrap;text-align:center;max-width:100%}.btn--fill{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn--play{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:2px solid currentColor;border-radius:100%;flex-shrink:0}.btn--play:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.85302 8.12972L0.448059 1.72476L1.86227 0.310547L9.68145 8.12972L1.86227 15.9489L0.448059 14.5347L6.85302 8.12972Z' fill='black'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.85302 8.12972L0.448059 1.72476L1.86227 0.310547L9.68145 8.12972L1.86227 15.9489L0.448059 14.5347L6.85302 8.12972Z' fill='black'/%3E%3C/svg%3E");mask-size:.5rem;-webkit-mask-size:.5rem}.btn--play:after{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 20L11 10L13 10L13 20L11 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 20L18 10L20 10L20 20L18 20Z' fill='white'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 20L11 10L13 10L13 20L11 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 20L18 10L20 10L20 20L18 20Z' fill='white'/%3E%3C/svg%3E");mask-size:cover;-webkit-mask-size:cover}.btn--play:before,.btn--play:after{content:"";width:100%;height:100%;background:currentColor;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.btn--play.playing:before{display:none}.btn--play:not(.playing):after{display:none}.btn--sound{flex-shrink:0;width:1.125rem;height:1.125rem;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17L8 3L10 3L10 17L8 17Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.05983e-07 17L0 10L2 10L2 17L3.05983e-07 17Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17L16 8.74228e-08L18 0L18 17L16 17Z' fill='white'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17L8 3L10 3L10 17L8 17Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.05983e-07 17L0 10L2 10L2 17L3.05983e-07 17Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17L16 8.74228e-08L18 0L18 17L16 17Z' fill='white'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.btn--sound:not(.playing){opacity:.5}.btn--screen{width:1.125rem;height:1.125rem;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 2H11V0H18V7H16V2Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 2H7V0H0V7H2V2Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16H11V18H18V11H16V16Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 16H7V18H0V11H2V16Z' fill='white'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 2H11V0H18V7H16V2Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 2H7V0H0V7H2V2Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16H11V18H18V11H16V16Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 16H7V18H0V11H2V16Z' fill='white'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}@media (min-width: 1920px){.btn,.btn--fill{padding:1rem 4rem;height:2.75rem}}@media (hover: hover){.group:hover .btn,.btn:hover{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/buttons.css.map */