@property --top-scale{syntax:"<number>";inherits:true;initial-value:1.5}@property --bottom-scale{syntax:"<number>";inherits:true;initial-value:2}.button_button__tvyt7{--border:8px;--duration:0.2s;--top-scale:1.5;--bottom-scale:2;padding:calc(2 * var(--border)) calc(3 * var(--border));clip-path:polygon(var(--border) 0,calc(100% - var(--border)) 0,calc(100% - var(--border)) var(--border),100% var(--border),100% calc(100% - var(--border)),calc(100% - var(--border)) calc(100% - var(--border)),calc(100% - var(--border)) 100%,var(--border) 100%,var(--border) calc(100% - var(--border)),0 calc(100% - var(--border)),0 var(--border),var(--border) var(--border));transition:--top-scale var(--duration) ease-in-out,--bottom-scale var(--duration) ease-in-out;&:hover{--top-scale:2;--bottom-scale:1.5;.button_buttonOverlay__56uRv{background-color:rgb(255 255 255/.2)}}&:active{--top-scale:1.5;--bottom-scale:1.5;.button_buttonOverlay__56uRv{background-color:rgb(0 0 0/.2)}}}.button_buttonOverlay__56uRv{background-color:rgb(0 0 0/0);transition:background-color var(--duration) ease-in-out;mix-blend-mode:soft-light}.button_topShadow__6d_hl{background-color:rgb(255 255 255/.25);mix-blend-mode:soft-light;height:calc(var(--border) * var(--top-scale));clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - (var(--border) * var(--top-scale))) 100%,calc(100% - (var(--border) * var(--top-scale))) calc(var(--border) * (var(--top-scale) - 1)),calc(var(--border) * var(--top-scale)) calc(var(--border) * (var(--top-scale) - 1)),calc(var(--border) * var(--top-scale)) 100%,0 100%)}.button_bottomShadow__uAkvn{background-color:rgb(0 0 0/.25);mix-blend-mode:soft-light;height:calc(var(--border) * var(--bottom-scale));clip-path:polygon(0 0,calc(var(--border) * var(--bottom-scale)) 0,calc(var(--border) * var(--bottom-scale)) var(--border),calc(100% - (var(--border) * var(--bottom-scale))) var(--border),calc(100% - (var(--border) * var(--bottom-scale))) 0,100% 0,100% 100%,0 100%)}