.site-brand-link {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

.site-brand-logo {
  display: block;
  width: 100%;
  height: auto;
}

.site-brand-link--header {
  width: clamp(182px, 15vw, 214px);
}

.site-brand-link--footer {
  width: min(420px, 82vw);
  margin-inline: auto;
}

.site-brand-link--confirmation {
  width: min(420px, 100%);
  margin: 0 auto 1.5rem;
  background: #0D1B2A;
}

@media (max-width: 1100px) {
  .site-brand-link--header {
    width: 182px;
  }
}

@media (max-width: 420px) {
  .site-brand-link--header {
    width: clamp(146px, 43vw, 174px);
  }

  .site-brand-link--footer {
    width: min(340px, 92vw);
  }
}

@media (max-width: 340px) {
  .site-brand-link--header {
    width: 138px;
  }
}