/* Home page Live section: 5 matches + All Live Events button (js/home-live.js) */
.hl-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: none;
  border-top: 1px solid var(--row-line);
  background: var(--head-bg);
  color: var(--aqua);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.hl-all:hover { background: var(--cell); color: #fff; }
.hl-all:focus-visible { outline: 2px solid var(--gold); outline-offset: -2px; }
.hl-arrow { margin-left: 6px; font-size: 1.2rem; line-height: 1; }