code-block, .code-block, .code-block--inline {
  @extend p;
  background-color: #313E5F;
  display: block;
  padding: 1rem;
  border-radius: 0.33rem;

  code {
    overflow: auto;
  }

  code, code pre {
    color: #41FFCF;
    display: block;
    padding: 0;
    font-size: 1rem;
  }

  clipboard {
    text-align: right;
  }

  clipboard button {
    @extend .btn-sm;
    margin-top: .75rem;
    background-color: #4A90E2 !important;
    color: $white !important;
  }
}

.code-block--inline {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 6px;
  font-family: $font-family-monospace;
  color: #41FFCF;
  margin: 0;
}

dd .code-block--inline, p .code-block--inline {
  padding: 0px 8px;
}
