.ui-fragments-button{align-items:center;display:inline-flex}.ui-fragments-button .label{border-radius:6.9444444444vw;border-style:solid;border-width:1px;display:inline-flex;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);position:relative;z-index:1}.ui-fragments-button .label:before{-webkit-clip-path:circle(0);clip-path:circle(0);content:attr(data-content);position:absolute;transition:-webkit-clip-path .2s cubic-bezier(.32,.94,.6,1);transition:clip-path .2s cubic-bezier(.32,.94,.6,1);transition:clip-path .2s cubic-bezier(.32,.94,.6,1),-webkit-clip-path .2s cubic-bezier(.32,.94,.6,1)}.ui-fragments-button .label:after{aspect-ratio:1/1;background-color:#111;border-radius:100%;content:"";display:block;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s cubic-bezier(.32,.94,.6,1) .2s,opacity .6s cubic-bezier(.32,.94,.6,1) .2s;width:101%;z-index:-1}.ui-fragments-button .icon{align-items:center;border:1px solid;border-radius:50%;display:flex;justify-content:center;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);position:relative}.ui-fragments-button .icon svg{transition:color .2s cubic-bezier(.32,.94,.6,1)}.ui-fragments-button .icon:after{aspect-ratio:1/1;background-color:#111;border-radius:6.9444444444vw;content:"";display:block;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s cubic-bezier(.32,.94,.6,1),opacity .8s cubic-bezier(.32,.94,.6,1);width:104%;z-index:-1}.ui-fragments-button.-small{display:flex}.ui-fragments-button.-small .label{padding:.5555555556vw 1.1111111111vw}.ui-fragments-button.-small .icon{height:2.6041666667vw;width:2.6041666667vw}.ui-fragments-button.-large{display:flex}.ui-fragments-button.-large .label{padding:1.1111111111vw 1.3888888889vw}.ui-fragments-button.-large .icon{height:3.3333333333vw;width:3.3333333333vw}.ui-fragments-button.-large .icon .-icons{width:1.3888888889vw}.ui-fragments-button.-large.-full{display:grid;grid-template-columns:auto 3.3333333333vw;width:100%}.ui-fragments-button.-large.-full .label{justify-content:center}.ui-fragments-button.-light .label:after{background:#fff}.ui-fragments-button.-light .label:before{color:#111}.ui-fragments-button.-light .icon:after{background:#fff}.ui-fragments-button.-dark .label:after{background:#111}.ui-fragments-button.-dark .label:before{color:#fff}.ui-fragments-button.-dark .icon:after{background:#111}.ui-fragments-button:hover .label:before{-webkit-clip-path:circle(100%);clip-path:circle(100%);transition:-webkit-clip-path .2s cubic-bezier(.32,.94,.6,1) .2s;transition:clip-path .2s cubic-bezier(.32,.94,.6,1) .2s;transition:clip-path .2s cubic-bezier(.32,.94,.6,1) .2s,-webkit-clip-path .2s cubic-bezier(.32,.94,.6,1) .2s}.ui-fragments-button:hover.-light .label{border-color:#fff}.ui-fragments-button:hover.-light .icon svg{color:#111}.ui-fragments-button:hover.-dark .label{border-color:#111}.ui-fragments-button:hover.-dark .icon svg{color:#fff}.ui-fragments-button:hover .icon:after,.ui-fragments-button:hover .label:after{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (max-width:800px){.ui-fragments-button .icon:after,.ui-fragments-button .label{border-radius:26.6666666667vw}.ui-fragments-button.-small .label{padding:2.1333333333vw 4.2666666667vw}.ui-fragments-button.-small .icon{height:10vw;width:10vw}.ui-fragments-button.-large .label{padding:4.2666666667vw 5.3333333333vw}.ui-fragments-button.-large .icon{height:12.8vw;width:12.8vw}.ui-fragments-button.-large .icon .-icons{width:5.3333333333vw}.ui-fragments-button.-large.-full{grid-template-columns:auto 12.8vw}}