.cartoon-clapper{position:relative!important;overflow:visible!important;min-height:48px;padding:18px 21px 13px!important;border:2px solid #242427!important;border-radius:9px!important;background:#ffe500!important;color:#242427!important;box-shadow:5px 5px 0 #242427!important;isolation:isolate}
.cartoon-clapper:before{content:"";position:absolute;z-index:-1;left:-3px;right:-3px;top:-6px;height:12px;border:2px solid #242427;border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(135deg,#242427 0 13px,#fffdf9 13px 25px);transform:rotate(-13deg);transform-origin:left bottom;transition:transform .22s cubic-bezier(.2,.9,.25,1)}
.cartoon-clapper:hover{transform:translate(2px,2px)!important;box-shadow:3px 3px 0 #242427!important}.cartoon-clapper:hover:before{transform:rotate(0deg)}.cartoon-clapper:focus-visible{outline:3px solid #00d9bd;outline-offset:5px}
@media(max-width:600px){.cartoon-clapper{padding:17px 18px 12px!important;box-shadow:4px 4px 0 #242427!important}}@media(hover:none){.cartoon-clapper:active:before,.cartoon-clapper:focus:before{transform:rotate(0deg)}}