.wd-corner-btn-wrapper{--wd-corner-dot-size:6px;--wd-corner-line-weight:1px;--wd-corner-padding:.85rem 1rem;--wd-corner-speed:.35s;--wd-corner-dot-color:#ffffff8c;--wd-corner-line-color:#ffffff73;--wd-corner-accent:var(--wd-accent,var(--accent));--wd-corner-accent-glow:color-mix(in srgb, var(--wd-accent,var(--accent)) 18%, transparent);padding:var(--wd-corner-padding);-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:center;align-items:center;transition:background-color .3s ease-in-out;display:inline-flex;position:relative}.wd-corner-btn-wrapper.wd-corner-btn-themed{--wd-corner-dot-color:color-mix(in srgb, var(--wd-fg) 55%, transparent);--wd-corner-line-color:color-mix(in srgb, var(--wd-fg) 45%, transparent);--wd-corner-accent-glow:color-mix(in srgb, var(--wd-accent,#f50) 18%, transparent)}.wd-corner-btn-wrapper .wd-corner-dot{width:var(--wd-corner-dot-size);aspect-ratio:1;background-color:var(--wd-corner-dot-color);opacity:0;pointer-events:none;border-radius:50%;position:absolute}.wd-corner-btn-wrapper .wd-corner-line{pointer-events:none;position:absolute}.wd-corner-btn-wrapper .wd-corner-line.horizontal{height:var(--wd-corner-line-weight);background-image:repeating-linear-gradient(90deg, transparent 0 calc(var(--wd-corner-line-weight) * 2), var(--wd-corner-line-color) calc(var(--wd-corner-line-weight) * 2) calc(var(--wd-corner-line-weight) * 4));width:100%}.wd-corner-btn-wrapper .wd-corner-line.vertical{width:var(--wd-corner-line-weight);background-image:repeating-linear-gradient(0deg, transparent 0 calc(var(--wd-corner-line-weight) * 2), var(--wd-corner-line-color) calc(var(--wd-corner-line-weight) * 2) calc(var(--wd-corner-line-weight) * 4));height:100%}.wd-corner-btn-wrapper .wd-corner-line.top{top:calc(var(--wd-corner-line-weight) * -.5);transform-origin:0 0;transform:rotate(5deg)scaleX(0)}.wd-corner-btn-wrapper .wd-corner-line.bottom{bottom:calc(var(--wd-corner-line-weight) * -.5);transform-origin:100% 100%;transform:rotate(5deg)scaleX(0)}.wd-corner-btn-wrapper .wd-corner-line.left{left:calc(var(--wd-corner-line-weight) * -.5);transform-origin:0 100%;transform:scaleY(0)}.wd-corner-btn-wrapper .wd-corner-line.right{right:calc(var(--wd-corner-line-weight) * -.5);transform-origin:100% 0;transform:rotate(5deg)scaleY(0)}@media (hover:hover) and (pointer:fine){.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover){animation:wd-corner-bg-change calc(var(--wd-corner-speed) * 4) ease-in-out forwards}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.top.left{animation:wd-corner-dot-tl var(--wd-corner-speed) ease-in-out forwards;top:50%;left:20%}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.top.right{animation:wd-corner-dot-tr var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * .6);top:50%;right:20%}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.bottom.right{animation:wd-corner-dot-br var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * 1.2);bottom:50%;right:20%}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.bottom.left{animation:wd-corner-dot-bl var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * 1.8);bottom:50%;left:20%}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.top{animation:wd-corner-line-top var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * .8)}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.right{animation:wd-corner-line-right var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * 1.4)}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.bottom{animation:wd-corner-line-bottom var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * 2)}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.left{animation:wd-corner-line-left var(--wd-corner-speed) ease-in-out forwards;animation-delay:calc(var(--wd-corner-speed) * 2.4)}}@keyframes wd-corner-bg-change{80%{background-color:#0000}to{background-color:var(--wd-corner-accent-glow)}}@keyframes wd-corner-dot-tl{90%{opacity:.6}to{top:calc(var(--wd-corner-dot-size) * -.5);left:calc(var(--wd-corner-dot-size) * -.5);opacity:1}}@keyframes wd-corner-dot-tr{80%{opacity:.6}to{top:calc(var(--wd-corner-dot-size) * -.5);right:calc(var(--wd-corner-dot-size) * -.5);opacity:1}}@keyframes wd-corner-dot-br{80%{opacity:.6}to{bottom:calc(var(--wd-corner-dot-size) * -.5);right:calc(var(--wd-corner-dot-size) * -.5);opacity:1}}@keyframes wd-corner-dot-bl{80%{opacity:.6}to{bottom:calc(var(--wd-corner-dot-size) * -.5);left:calc(var(--wd-corner-dot-size) * -.5);opacity:1}}@keyframes wd-corner-line-top{to{transform:rotate(0)scaleX(1)}}@keyframes wd-corner-line-bottom{to{transform:rotate(0)scaleX(1)}}@keyframes wd-corner-line-left{to{transform:scaleY(1)}}@keyframes wd-corner-line-right{to{transform:rotate(0)scaleY(1)}}@media (prefers-reduced-motion:reduce){.wd-corner-btn-wrapper,.wd-corner-btn-wrapper .wd-corner-dot,.wd-corner-btn-wrapper .wd-corner-line{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover){background-color:var(--wd-corner-accent-glow)}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.top.left{top:calc(var(--wd-corner-dot-size) * -.5);left:calc(var(--wd-corner-dot-size) * -.5);opacity:1}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.top.right{top:calc(var(--wd-corner-dot-size) * -.5);right:calc(var(--wd-corner-dot-size) * -.5);opacity:1}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.bottom.right{bottom:calc(var(--wd-corner-dot-size) * -.5);right:calc(var(--wd-corner-dot-size) * -.5);opacity:1}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-dot.bottom.left{bottom:calc(var(--wd-corner-dot-size) * -.5);left:calc(var(--wd-corner-dot-size) * -.5);opacity:1}:is(.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.top,.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.bottom){transform:rotate(0)scaleX(1)}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.left{transform:scaleY(1)}.wd-corner-btn-wrapper:has([data-slot-ausloeser]:hover) .wd-corner-line.right{transform:rotate(0)scaleY(1)}}