.btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:3.3333333333rem;height:2.4666666667rem;border-radius:var(--border-radius-small);outline:none;border:0;background-color:var(--color-yellow-400);background:linear-gradient(to right,var(--color-yellow-200),var(--color-yellow-400));box-shadow:0 0 0.8rem rgba(0,0,0,0.1);transition:all 0.2s ease-in-out;position:relative}.btn>img,.btn>svg{max-height:1.6rem;fill:var(--color-dark-blue-900)}.btn.disabled,.btn:disabled{background-color:var(--color-grey-200);cursor:not-allowed;pointer-events:none}.btn.big{width:3.2666666667rem;height:3.2666666667rem;border-radius:var(--border-radius);box-shadow:0 0 1.3333333333rem rgba(0,0,0,0.1)}.btn.small{width:2.4666666667rem;height:1.9333333333rem}.btn.small>img,.btn.small>svg{max-height:1.2666666667rem}.btn.smaller{width:2.0666666667rem;height:1.5333333333rem;border-radius:var(--border-radius-smaller)}.btn.smaller>img,.btn.smaller>svg{max-height:1.0666666667rem}.btn.green{background-color:var(--color-green-400);background:var(--color-green-400)}.btn.green:focus,.btn.green:hover{background-color:var(--color-green-400-hover);background:var(--color-green-400-hover)}.btn.green:active{background-color:var(--color-green-400-focus);background:var(--color-green-400-focus)}.btn.red{background-color:var(--color-red-400);background:var(--color-red-400)}.btn.red:focus,.btn.red:hover{background-color:var(--color-red-400-hover);background:var(--color-red-400-hover)}.btn.red:active{background-color:var(--color-red-400-focus);background:var(--color-red-400-focus)}.btn.orange{background-color:var(--color-yellow-400);background:var(--color-yellow-400)}.btn.orange:focus,.btn.orange:hover{background-color:var(--color-yellow-400-hover);background:var(--color-yellow-400-hover)}.btn.orange:active{background-color:var(--color-yellow-400-focus);background:var(--color-yellow-400-focus)}.btn.grey{background-color:var(--color-grey-400);background:var(--color-grey-400)}.btn.grey:focus,.btn.grey:hover{background-color:var(--color-grey-400-hover);background:var(--color-grey-400-hover)}.btn.grey:active{background-color:var(--color-grey-400-focus);background:var(--color-grey-400-focus)}.btn[class=btn]:focus,.btn[class=btn]:hover{filter:brightness(1.03)}.btn[class=btn]:active{filter:brightness(0.97)}.btn .counter{position:absolute;right:0;top:0;width:1.2666666667rem;height:1.2666666667rem;background-color:var(--color-red-200);color:var(--color-text-inverted);font-weight:700;font-size:0.8666666667rem;line-height:1em;display:flex;align-items:center;justify-content:center;border-radius:50%}.buttons{display:flex}.buttons .btn+.btn{margin-left:0.8rem}.buttons+.buttons{margin-top:0.8rem}.buttons.small .btn+.btn{margin-left:0.4rem}.buttons.small+.buttons{margin-top:0.4rem}.buttons.sticky.bottom.bottom-row-2{bottom:5.2rem}
/*# sourceMappingURL=button.css.map */