.ScriptBlock {
  margin: 0 0 20px;
  padding: 1px 40px;
  background-color: $light-blue-25;
  border: solid $grey-2;
  border-width: 1px 0;
  position: relative;

  &:before, &:after {
    @include core-48;
    position: absolute;
  }

  &:before {
    content: '\201C';
    content: open-quote;
    top: 6px;
    left: 7px;
  }
  &:after {
    content: '\201D';
    content: close-quote;
    bottom: -27px;
    right: 8px;
  }
}

.ScriptBlock {
  margin: 0 0 20px;
  padding: 0 20px 0 40px;
  background-color: $light-blue-25;
  border-left: 3px solid $light-blue;
  position: relative;
  overflow: auto;

  @extend .Icon;
  // @extend .Icon--script;
  &:before {
    position: absolute;
    top: 0.9em;
    left: 0.8em;
    color: $light-blue;
  }
}

Update design pattern for script blocks
Update design pattern for script blocks
