.zui-tail-action .zui-tail-icon {
  display: block;
  flex: none;
}

.zui-tail-action:focus-visible .zui-tail-label,
.zui-tail-action:active .zui-tail-label {
  text-decoration: underline #F5C51D 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: .22em;
}

@media (hover: hover) and (pointer: fine) {
  .zui-tail-action:hover .zui-tail-label {
    text-decoration: underline #F5C51D 2px;
    text-decoration-skip-ink: none;
    text-underline-offset: .22em;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .zui-tail-action .zui-tail-icon {
    transition: transform 150ms cubic-bezier(.32, .72, 0, 1);
  }

  .zui-tail-action:hover:not(:focus-visible):not(:disabled) .zui-tail-icon {
    transform: translateX(5px);
  }

  .zui-tail-action:focus-visible .zui-tail-icon {
    transition: none;
  }
}