/* Text links and link-like buttons on the account pages: the same quiet line as
   the site's .text-link, filling left to right on hover and emptying back on hover out. */
.line-link {
  color: #f5f5f7;
  text-decoration: none;
  padding-bottom: 4px;
  background: linear-gradient(#fff, #fff) left bottom / 0% 1px no-repeat, linear-gradient(#ffffff4d, #ffffff4d) left bottom / 100% 1px no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size .5s cubic-bezier(.65, 0, .35, 1), color .2s ease;
}
.line-link:hover, .line-link:focus-visible { color: #fff; background-size: 100% 1px, 100% 1px; }
@media (prefers-reduced-motion: reduce) { .line-link { transition: none; } }