%tabular-dl {
  > dt:last-of-type,
  > dd:last-of-type {
    border-color: rgb(var(--tone-gray-300)) !important;
  }
  dt,
  dd {
    border-color: rgb(var(--tone-gray-300)) !important;
    color: var(--black) !important;
  }
  dt {
    font-weight: var(--typo-weight-bold);
  }
  dd .copy-button button::before {
    background-color: var(--black);
  }
  dt.type + dd span::before {
    @extend %with-info-circle-outline-mask, %as-pseudo;
    background-color: rgb(var(--tone-gray-500));
  }
}