/* 押し出す：線を重ねず、既存の線と背景面を使う。 */
.text-link.press-link{position:relative;text-decoration:none;padding-inline:0 6px}
.text-link.press-link::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 280ms cubic-bezier(.22,1,.36,1);pointer-events:none}
.text-link.press-link .press-label,.press-cta .press-label{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;display:block;transform:none;transition:transform 320ms cubic-bezier(.22,1,.36,1);position:relative;z-index:1}
.text-link.press-link:focus-visible{ text-decoration:none }
.text-link.press-link:focus-visible::after{transform:scaleX(1)}
.text-link.press-link:focus-visible .press-label{transform:translateX(4px)}
.press-cta{position:relative;overflow:hidden;isolation:isolate;--press-surface:var(--paper);--press-ink:var(--ink);transition:color 160ms ease 90ms}
.press-cta::before{content:'';position:absolute;inset:0;background:var(--press-surface);transform:translateX(-101%);transition:transform 340ms cubic-bezier(.22,1,.36,1);z-index:0;pointer-events:none}
.dock .trial.press-cta{background:#fff;--press-surface:var(--ink);--press-ink:var(--paper)}
.dock .trial.press-cta:hover{box-shadow:none}
.press-cta:focus-visible{color:var(--press-ink)}
.press-cta:focus-visible::before{transform:translateX(0)}
.press-cta:focus-visible .press-label{transform:translateX(4px)}
/* The ring stays outside the button and does not inherit the inverted text color. */
.dock .trial.press-cta:focus-visible{outline-color:var(--paper)}
.primary-link.press-cta:focus-visible{outline-color:var(--ink)}
@media(hover:hover) and (pointer:fine){
 .text-link.press-link:hover{text-decoration:none}
 .text-link.press-link:hover::after{transform:scaleX(1)}
 .text-link.press-link:hover .press-label{transform:translateX(4px)}
 .press-cta:hover{color:var(--press-ink)}
 .dock .trial.press-cta:hover{color:var(--press-ink)}
 .press-cta:hover::before{transform:translateX(0)}
 .press-cta:hover .press-label{transform:translateX(4px)}
}
.text-link.press-link:active .press-label,.press-cta:active .press-label{transform:translateX(2px);transition-duration:80ms}
@media(prefers-reduced-motion:reduce){
 .text-link.press-link::after,.press-cta::before,.text-link.press-link .press-label,.press-cta .press-label,.press-cta{transition:none!important}
 .text-link.press-link .press-label,.press-cta .press-label{transform:none!important}
}