.license {
  border: 1px solid var(--color-ink);
  border-bottom-style: dashed;
  border-top-style: dashed;
  display: grid;
  padding: var(--space-large) var(--space-medium);
  position: relative;
}

.license__container {
  display: grid;
  gap: 1.675em;
  margin-inline: auto;
  width: min(100%, 26em);
}

.license__content {
  display: grid;
  font-family: var(--font-family-monaspace-neon);
  font-size: var(--font-size-xx-small);
  font-weight: 500;
  gap: var(--space-x-large);
  line-height: var(--line-height-loose);
  text-wrap: pretty;
}

.license__content p,
.license__content ol li {
  margin-bottom: -0.5125em;
  margin-top: -0.5125em;
}

.license__content ol {
  display: grid;
  gap: var(--space-large);
  list-style: decimal;
  padding-left: 2.1125em;
}

.license__actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-xx-small);
}

.license__actions .button {
  flex: 1;
}



@media(min-width: 36em) {

  .license__actions {
    flex-direction: row;
  }

}



@media(min-width: 48em) {

  .license {
    padding: var(--space-x-large) var(--space-large);
  }

}