.container[data-v-4dd3be30]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-4dd3be30]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-4dd3be30],.container .flex-row-wrap-center-center[data-v-4dd3be30]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-4dd3be30]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-4dd3be30]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-4dd3be30]{position:relative}.container .test .demo .button[data-v-4dd3be30],.container .test .demo[data-v-4dd3be30]{width:200px;height:100px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo .button[data-v-4dd3be30]{background:#0c0b0b;color:#fff;font-size:1rem;border-radius:15px 0;transform:skew(-30deg)}.container .test .demo .button .text[data-v-4dd3be30]{transform:skew(30deg)}.container .test .demo .button[data-v-4dd3be30]:before{content:"";position:absolute;width:41px;height:40px;background:radial-gradient(circle at 0 0,transparent,transparent 40px,#0c0b0b 0);bottom:0;left:-40px}.container .test .demo .button[data-v-4dd3be30]:after{content:"";position:absolute;width:41px;height:40px;background:radial-gradient(circle at 100% 100%,transparent,transparent 40px,#0c0b0b 0);top:0;right:-40px}