.violet-button{z-index:1;isolation:isolate;outline-offset:2px;outline:2px solid #0000;transition:color .4s cubic-bezier(.74,0,.32,1),opacity .2s;position:relative;overflow:hidden}.violet-button.violet-button:hover{filter:none;text-decoration:none}.violet-button.violet-button:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #0000}.violet-button:before{content:"";z-index:-1;aspect-ratio:1;background:var(--mp-footer);border-radius:50%;width:110%;transition:bottom .4s cubic-bezier(.74,0,.32,1),transform .4s cubic-bezier(.74,0,.32,1);position:absolute;bottom:0;left:50%;transform:translate(-50%,110%)}.violet-button:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #0000;transition:border-color .15s;position:absolute;inset:0}.violet-button:is(:hover,:focus-visible,:active):not(:disabled,[aria-disabled=true]):before{bottom:50%;transform:translate(-50%,50%)}.violet-button:is(:focus-visible,:active):after{border-color:var(--mp-eyebrow)}.violet-button .case-button-label-size,.violet-button .case-button-label{justify-content:center;align-items:center;gap:inherit;display:flex}.violet-button .case-button-label-size{opacity:0}.violet-button .case-button-label{width:100%;height:100%;transition:top .3s cubic-bezier(.4,0,.2,1);position:absolute;left:0}.violet-button .case-button-label-rest{top:0}.violet-button .case-button-label-hover{top:100%}.violet-button:is(:hover,:focus-visible,:active) .case-button-label-rest{top:-100%}.violet-button:is(:hover,:focus-visible,:active) .case-button-label-hover{top:0}.violet-button.shared-case-open{position:absolute}@media (prefers-reduced-motion:reduce){.violet-button,.violet-button:before,.violet-button:after,.violet-button .case-button-label{transition:none}}