@layer layout {
  .sidfot-lank {
    z-index: 7;
    align-self: center;
    padding-inline: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: var(--font-display--family);
    font-size: var(--verk-lank-storlek);
    font-weight: 400;
    line-height: var(--verk-lank-rad-hojd);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    text-decoration: none;
    color: var(--color-foreground);
    pointer-events: auto;
  }

  .sidfot-lank--namn {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    justify-self: start;
  }

  @media (min-width: 769px) {
    .sidfot-lank--namn {
      position: sticky;
      top: var(--grid-margin);
    }
  }

  .sidfot-lank--info {
    grid-column: 1 / 2;
    grid-row: 30 / 31;
    justify-self: start;
    align-self: center;
  }

  .sidfot-lank:hover,
  .sidfot-lank[data-tillstand="oppnad"] {
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }

  @media (max-width: 768px) {
    .sidfot-lank {
      font-size: var(--mobil-krom-typ-storlek, var(--verk-lank-storlek));
      line-height: var(--mobil-krom-typ-rad-hojd, var(--verk-lank-rad-hojd));
    }

    .sidfot-lank--info {
      grid-row: 24 / 25;
    }
  }
}