/*
  supported-by.css
  Stilark for "Med støtte fra"-blokken på forsiden. Blokken er en del av
  to-veis-seksjonen (markup ligger inni <section class="two-way">) og
  vises i høyre hjørne oppe i seksjonens topp-padding, mellom heroen og
  kortene.

  MERK: forutsetter at .two-way har position: relative (satt i
  css/two-way-cta.css) — den er ankeret for den absolutte plasseringen
  under. Flyttes blokken ut av den seksjonen, må begge deler endres.
*/

/* Ligger absolutt plassert i topp-paddingen til .two-way (som har
   position: relative). Da tar blokken ingen plass i flyten, og
   avstanden fra bunnen av heroen ned til kortene forblir nøyaktig
   120px uansett hvor høy blokken selv er. */
.supported-by {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
}

/* Samme bredde som .two-way__inner, slik at logoen flukter med høyre
   kant av kortene under. */
.supported-by__inner {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.supported-by__label {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  color: #0d0d0d;
}

.supported-by__link {
  display: block;
  transition: opacity 0.2s ease;
}

.supported-by__link:hover,
.supported-by__link:focus-visible {
  opacity: 0.7;
}

.supported-by__logo {
  height: 35px;
  width: auto;
}