p5.js-web-editor/client/styles/components/_github-button.scss

.github-button,
.google-button {
  @include themify() {
    @extend %button;
    & path {
      color: getThemifyVariable('primary-text-color');
    }
    &:hover path, &:active path {
      fill: $white;
    }
    &:hover, &:active {
      color: getThemifyVariable('button-hover-color');
      background-color: getThemifyVariable('button-background-hover-color');
      border-color: getThemifyVariable('button-background-hover-color');
    }
  }
  width: #{300 / $base-font-size}rem;
  display: flex;
  justify-content: center;
  align-items: center;

  & + & {
    margin-top: #{10 / $base-font-size}rem;
  }
}

.github-icon {
  margin-right: #{10 / $base-font-size}rem;
}

.google-icon {
  width: #{32 / $base-font-size}rem;
  height: #{32 / $base-font-size}rem;
  margin-right: #{10 / $base-font-size}rem;
}