@property --top-scale{syntax:"<number>";inherits:true;initial-value:1.5}@property --bottom-scale{syntax:"<number>";inherits:true;initial-value:2}.ZW-KuW_button{--border:8px;--duration:.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)), 0px var(--border), var(--border) var(--border));transition:--top-scale var(--duration) ease-in-out, --bottom-scale var(--duration) ease-in-out}.ZW-KuW_button:hover{--top-scale:2;--bottom-scale:1.5}.ZW-KuW_button:hover .ZW-KuW_buttonOverlay{background-color:#fff3}.ZW-KuW_button:active{--top-scale:1.5;--bottom-scale:1.5}.ZW-KuW_button:active .ZW-KuW_buttonOverlay{background-color:#0003}.ZW-KuW_buttonOverlay{transition:background-color var(--duration) ease-in-out;mix-blend-mode:soft-light;background-color:#0000}.ZW-KuW_topShadow{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%);background-color:#ffffff40}.ZW-KuW_bottomShadow{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%);background-color:#00000040}