:root {
  @include use-responsive-sizing(--link-breaker-padding-block, responsive-map(xs 2rem, xl 2.5rem));
}

.link-breaker {
  background-color: var(--color-midnight);
  color: var(--color-white);
  padding-block: var(--link-breaker-padding-block);
}

.link-breaker__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;

  @include use-container();
}

.link-breaker__text {
  flex-shrink: 0;
  line-height: var(--line-height-body);
  max-inline-size: 100%;
}

.link-breaker__button {
  flex-shrink: 0;
}