:where(.c-base-button){width:100%;display:inline-flex;align-items:center;justify-content:space-between;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);--un-text-opacity:1;color:rgb(var(--theme-colors-text-strong-on-X) / var(--un-text-opacity));gap:var(--theme-spacing-4xs, var(--theme-spacing-4xs--sm));font-size:var(--theme-fontSize-bodyRegular);font-family:var(--theme-fontFamily-bodyRegular);font-weight:var(--theme-fontWeight-bodyRegular);font-style:initial;line-height:var(--theme-lineHeight-bodyRegular);letter-spacing:var(--theme-letterSpacing-bodyRegular);text-decoration:initial;--abbr-border-width:.09em}:where(.c-base-button):hover{--un-text-opacity:1;color:rgb(var(--theme-colors-text-interactiveHover-on-X) / var(--un-text-opacity))}:where(.c-base-button):active{--un-text-opacity:1;color:rgb(var(--theme-colors-text-interactiveActive-on-X) / var(--un-text-opacity))}@media (min-width: 41em){:where(.c-base-button){width:fit-content}}:where(.c-base-button)>*{transition-property:transform;transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 41em){:where(.c-base-button):hover>:first-child:not(:last-child){--un-translate-x:calc(var(--theme-spacing-4xs,var(--theme-spacing-4xs--sm)) * .25);transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}}@media (min-width: 41em){:where(.c-base-button):hover>:last-child:not(:first-child){--un-translate-x:calc(var(--theme-spacing-4xs,var(--theme-spacing-4xs--sm)) * -.25);transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}}:where(.c-base-button--reverse-on-mobile){flex-direction:row-reverse}@media (min-width: 41em){:where(.c-base-button--reverse-on-mobile){flex-direction:row}}