.editor-styles-wrapper {
  .wp-block.is-style-default-dark .wp-block-button__link {
    background-color: var(--wp--preset--color--ucla-gold);
    color: #333333;
  }
  .wp-block.is-style-outline-dark .wp-block-button__link {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
  }
  .wp-block.is-style-tertiary .wp-block-button__link {
    background-color: transparent;
    border: 2px solid transparent;
    color: #00598c;
  }
  .wp-block.is-style-tertiary-dark .wp-block-button__link {
    background-color: transparent;
    border: 2px solid transparent;
    color: #ffffff;
  }
  .wp-block.is-style-chips .wp-block-button__link {
    border: 2px solid #00598c;
    color: #00598c;
    background-color: transparent;
    border-radius: 20px;
    padding: 0.375rem 1rem;
  }
  
  .wp-block.is-style-related-link {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5rem !important;

    .wp-block-button__link {
      background-color: transparent;
      color: #00598c;
      padding: 0.625rem 1rem;
      border-radius: 0;
      border: 0;
      text-align: left;
    }
  }
}

.button-icon-picker {
  .components-panel__row {
      &:not(:last-child) {
          margin-bottom: 16px;
      }
  }

  .button-icon-picker__grid {
      border: 1px solid rgb(148, 148, 148);
      border-radius: 2px;
      padding: 2px;
      width: 100%;

      .button-icon-picker__button > svg {
        width: 1.5rem;
        height: 1.5rem;
      }
  }
}
