.mc-fill{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-fill__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.mc-fill__label{position:relative}.mc-fill--ink{padding:16px 28px;border-radius:100em;background:#f7ac32;color:#402011;transition:color .35s ease-out,background-color .5s cubic-bezier(.632,.012,.339,.989)}.mc-fill--ink .mc-fill__layer{border-radius:100em;background:#402011;transform:scale(0);transition:transform .5s cubic-bezier(.713,.007,.275,1.001)}.mc-fill--liquid{padding:16px 28px;border-radius:6px;background:#0f1412;color:#e9f3ef;box-shadow:inset 0 0 0 1px #e9f3ef2e;transition:color .5s cubic-bezier(.5,1,.89,1),box-shadow .5s cubic-bezier(.5,1,.89,1)}.mc-fill--liquid .mc-fill__layer{background:#15846e;clip-path:ellipse(120% 180% at 50% 310%);transition:clip-path 1.1s cubic-bezier(.215,.61,.355,1)}.mc-fill--wipe{overflow:hidden;padding:4px 0;background:none;color:inherit;font-weight:500}.mc-fill--wipe:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.2}.mc-fill--wipe .mc-fill__layer{inset:auto 0 0 0;z-index:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s cubic-bezier(.625,.05,0,1)}@media(hover:hover){.mc-fill--ink:is(:hover,:focus-visible){color:#f7ac32;background:#402011;transition:color .45s ease-out,background-color .6s cubic-bezier(.632,.012,.339,.989)}.mc-fill--ink:is(:hover,:focus-visible) .mc-fill__layer{transform:scale(1);transition:transform .6s cubic-bezier(.713,.001,.222,1.001)}.mc-fill--liquid:is(:hover,:focus-visible){color:#fff;box-shadow:inset 0 0 0 1px #15846e}.mc-fill--liquid:is(:hover,:focus-visible) .mc-fill__layer{clip-path:ellipse(120% 180% at 50% 60%)}.mc-fill--wipe:is(:hover,:focus-visible) .mc-fill__layer{transform:scaleX(1);transform-origin:0 50%;transition-duration:.6s}}.mc-fill--ink:active{color:#f7ac32;background:#402011}.mc-fill--ink:active .mc-fill__layer{transform:scale(1);transition:transform .6s cubic-bezier(.713,.001,.222,1.001)}.mc-fill--liquid:active .mc-fill__layer{clip-path:ellipse(120% 180% at 50% 60%)}.mc-fill--wipe:active .mc-fill__layer{transform:scaleX(1);transform-origin:0 50%;transition-duration:.6s}.mc-fill:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.mc-fill,.mc-fill .mc-fill__layer,.mc-fill:hover .mc-fill__layer,.mc-fill:active .mc-fill__layer{transition:none!important}}.mc-fill-demo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%}.mc-fill-demo__col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px}.mc-fill-demo__col small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.mc-fill-demo__col--warm{background:#fff4df;color:#402011}.mc-fill-demo__col--dark{background:#0b0f0d;color:#e9f3ef}.mc-fill-demo__col--light{background:#f4f4f1;color:#111}@container (max-width: 600px){.mc-fill-demo__grid{grid-template-columns:1fr}}