.pixel__button{box-shadow:var(--pixel-box-shadow);position:relative}.pixel__button:after{content:"";width:100%;height:100%;position:absolute;bottom:0;right:0}.pixel__button:active{transform:translateY(3px)}.pixel-default__button:after{border-right:4px solid color-mix(in hsl, var(--default-inner-border-color) 70%, #000);border-bottom:4px solid color-mix(in hsl, var(--default-inner-border-color) 70%, #000)}.pixel-default__button:hover{background-color:var(--default-inner-border-color)}.pixel-default__button:active{background-color:color-mix(in hsl, var(--default-inner-border-color) 70%, #000)}.pixel-secondary__button{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.pixel-secondary__button:after{border-right:4px solid color-mix(in hsl, hsl(var(--secondary)) 70%, #000);border-bottom:4px solid color-mix(in hsl, hsl(var(--secondary)) 70%, #000)}.pixel-secondary__button:hover{background-color:color-mix(in hsl, hsl(var(--secondary)) 90%, #000)}.pixel-secondary__button:active{background-color:color-mix(in hsl, hsl(var(--secondary)) 70%, #000)}.pixel-primary__button{background-color:var(--color-pixel-primary);color:var(--color-pixel-on-primary)}.pixel-primary__button:after{border-right:4px solid var(--color-pixel-primary-border);border-bottom:4px solid var(--color-pixel-primary-border)}.pixel-primary__button:hover{background-color:color-mix(in hsl, var(--color-pixel-primary) 88%, #000)}.pixel-primary__button:active{background-color:color-mix(in hsl, var(--color-pixel-primary) 75%, #000)}.pixel-success__button{background-color:hsl(var(--success));color:hsl(var(--success-foreground))}.pixel-success__button:after{border-right:4px solid color-mix(in hsl, hsl(var(--success)) 70%, #000);border-bottom:4px solid color-mix(in hsl, hsl(var(--success)) 70%, #000)}.pixel-success__button:hover{background-color:color-mix(in hsl, hsl(var(--success)) 90%, #000)}.pixel-success__button:active{background-color:color-mix(in hsl, hsl(var(--success)) 70%, #000)}.pixel-destructive__button{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.pixel-destructive__button:after{border-right:4px solid color-mix(in hsl, hsl(var(--destructive)) 70%, #4d4d4d);border-bottom:4px solid color-mix(in hsl, hsl(var(--destructive)) 70%, #4d4d4d)}.pixel-destructive__button:hover{background-color:color-mix(in hsl, hsl(var(--destructive)) 90%, #4d4d4d)}.pixel-destructive__button:active{background-color:color-mix(in hsl, hsl(var(--destructive)) 70%, #4d4d4d)}.pixel-warning__button{background-color:hsl(var(--warning));color:hsl(var(--warning-foreground))}.pixel-warning__button:after{border-right:4px solid color-mix(in hsl, hsl(var(--warning)) 70%, #202020);border-bottom:4px solid color-mix(in hsl, hsl(var(--warning)) 70%, #202020)}.pixel-warning__button:hover{background-color:color-mix(in hsl, hsl(var(--warning)) 90%, #202020)}.pixel-warning__button:active{background-color:color-mix(in hsl, hsl(var(--warning)) 70%, #202020)}.pixel-link__button{box-shadow:none;color:hsl(var(--link));margin:0;padding:0}.pixel-link__button:hover{color:color-mix(in hsl, hsl(var(--link)) 70%, #000);background-color:#0000}.pixel-link__button:active{color:color-mix(in hsl, hsl(var(--link)) 90%, #000)}.pixel-link__button:visited{color:color-mix(in hsl, hsl(var(--link)) 70%, #000)}