.XD-4WG_buttonCircle{--icon-color:var(--buttonCircle-color,var(--color-brown-500));--transition-timing:.45s;--transition-bg-timing:.325s;--transition-bg-ease:cubic-bezier(.86, 0, .07, 1);--transition-ease:cubic-bezier(.68, -.55, .265, 1.55);width:clamp(68px,63.242px + 1.22vw,84px);height:clamp(48px,43.242px + 1.22vw,64px);transition-property:transform;transition-duration:var(--transition-timing);transition-timing-function:var(--transition-ease);justify-content:center;align-items:center;margin:0;display:flex;position:relative}.XD-4WG_buttonCircle:before{content:"";width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;top:-20px;left:-20px}.XD-4WG_buttonCircle.XD-4WG_large{width:clamp(52px,48.412px + .92vw,64px);height:clamp(33px,29.724px + .84vw,44px)}.XD-4WG_buttonCircle:active{transition-timing-function:cubic-bezier(.25,.46,.45,.94);scale:.98}.XD-4WG_bg{background-color:var(--buttonCircle-backgroundColor,var(--color-creme-200));border:1px solid var(--buttonCircle-borderColor,transparent);transition-property:scale;transition-duration:var(--transition-timing);transition-timing-function:var(--transition-ease);border-radius:clamp(42px,65.343px - 1.37vw,60px);display:block;position:absolute;inset:0}.XD-4WG_iconWrapper{z-index:1;flex-direction:row;overflow:hidden}.XD-4WG_iconContainer,.XD-4WG_iconWrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.XD-4WG_iconContainer{--icon-translateX:0%;--icon-translateY:0%;--icon-rotate:0deg;--icon-morphX:0%;--icon-morphY:0%;transform:translate(calc(var(--icon-translateX) + var(--icon-morphX))) translateY(calc(var(--icon-translateY) + var(--icon-morphY))) rotate(var(--icon-rotate));transform-origin:50%;transition-property:transform;transition-duration:calc(var(--transition-timing) * 1.5);transition-timing-function:cubic-bezier(.77,0,.175,1)}.XD-4WG_iconContainer.XD-4WG_ghost{background-color:#0000;width:100%;height:100%;padding:0;position:absolute;top:100%}.XD-4WG_iconContainer.XD-4WG_ghost.XD-4WG_close{top:auto;left:100%}.XD-4WG_iconContainer.XD-4WG_ghost.XD-4WG_play{top:auto;left:-100%}.XD-4WG_icon{transition-property:right,left,bottom;transition-duration:var(--transition-timing);transition-timing-function:var(--transition-ease);bottom:0;left:0;right:0}@media (hover:hover){.XD-4WG_buttonCircle:hover{transform:scale(.98)}.XD-4WG_buttonCircle:hover .XD-4WG_bg{scale:.925}.XD-4WG_buttonCircle:hover .XD-4WG_iconContainer{--icon-morphX:0px;--icon-morphY:0px;--icon-translateY:-100%}.XD-4WG_buttonCircle:hover .XD-4WG_iconContainer.XD-4WG_play{--icon-translateY:0%;--icon-translateX:100%}.XD-4WG_buttonCircle:hover .XD-4WG_iconContainer.XD-4WG_close{--icon-translateY:0%;--icon-translateX:-100%}}@media only screen and (min-width:2000px){.XD-4WG_buttonCircle{width:3.57vw;height:2.72vw}.XD-4WG_buttonCircle.XD-4WG_large{width:2.72vw;height:1.87vw}.XD-4WG_bg{border-radius:1.785vw}}