.bc-anyside-button{--easing:ease;--colortransition-ida:800ms;overflow:hidden;--pathtransition:800ms;padding:40px;border:0;color:#1a1a1a;position:relative;--click-dimensions:500px;--hover-color:#fff;text-align:center;--pathtransition-ida:800ms;border-radius:15px;background:#fff;width:fit-content;--colortransition:800ms;white-space:wrap;display:block}.bc-anyside-button__title{transition:color var(--colortransition) var(--easing);position:relative;z-index:2}.bc-anyside-button__anyside-div{transform:translate(-50%,-50%);transition:clip-path var(--pathtransition) var(--easing);position:absolute;clip-path:circle(0 at 50% 50%);top:0;border-radius:50%;background:#252527;left:0;z-index:1}.bc-anyside-button[data-type=hover]:hover .bc-anyside-button__title{color:var(--hover-color);transition:color var(--colortransition-ida) var(--easing)}.bc-anyside-button[data-type=hover]:hover .bc-anyside-button__anyside-div{transition:clip-path var(--pathtransition-ida) var(--easing);clip-path:circle(100% at 50% 50%)}[data-type=click] .bc-anyside-button__anyside-span{animation:animate var(--pathtransition) linear infinite;transform:translate(-50%,-50%);pointer-events:none;position:absolute;border-radius:50%;background:#252527}@keyframes animate{0%{height:0;opacity:.5;width:0}to{height:var(--click-dimensions);opacity:0;width:var(--click-dimensions)}}