// ------------------------------------------
// Micro Text & Sub Text (ボタン内の上下テキスト)
// ------------------------------------------

.wp-block-zenblocks-button-basic {
  > a,
  > button {
    // Micro Text (上部)
    .wp-block-zenblocks-button-basic-text-micro {
      display: block;
      font-size: var(--micro-text-font-size-pc, 12px);
      font-family: var(--micro-text-font-family);
      font-weight: var(--micro-text-font-weight-pc);
      letter-spacing: var(--micro-text-letter-spacing-pc);
      color: var(--micro-text-text-color);
      text-shadow: var(--micro-text-text-shadow);
      line-height: var(--micro-text-line-height-pc, 1.2);
      text-align: var(--text-align, center);
      opacity: 1;
      margin-top: var(--micro-text-margin-top-pc, 0);
      margin-right: var(--micro-text-margin-right-pc, 0);
      margin-bottom: var(--micro-text-margin-bottom-pc, 0);
      margin-left: var(--micro-text-margin-left-pc, 0);
      padding-top: var(--micro-text-padding-top-pc, 0);
      padding-right: var(--micro-text-padding-right-pc, 0);
      padding-bottom: var(--micro-text-padding-bottom-pc, 0);
      padding-left: var(--micro-text-padding-left-pc, 0);
      transform: rotate(var(--micro-text-rotate-pc, 0deg));
      white-space: pre-line;

      &:empty {
        display: none;
      }
    }

    // Sub Text (下部)
    .wp-block-zenblocks-button-basic-text-sub {
      display: block;
      font-size: var(--sub-text-font-size-pc, 12px);
      font-family: var(--sub-text-font-family);
      font-weight: var(--sub-text-font-weight-pc);
      letter-spacing: var(--sub-text-letter-spacing-pc);
      color: var(--sub-text-text-color);
      text-shadow: var(--sub-text-text-shadow);
      line-height: var(--sub-text-line-height-pc, 1.2);
      text-align: var(--text-align, center);
      opacity: 1;
      margin-top: var(--sub-text-margin-top-pc, 0);
      margin-right: var(--sub-text-margin-right-pc, 0);
      margin-bottom: var(--sub-text-margin-bottom-pc, 0);
      margin-left: var(--sub-text-margin-left-pc, 0);
      padding-top: var(--sub-text-padding-top-pc, 0);
      padding-right: var(--sub-text-padding-right-pc, 0);
      padding-bottom: var(--sub-text-padding-bottom-pc, 0);
      padding-left: var(--sub-text-padding-left-pc, 0);
      transform: rotate(var(--sub-text-rotate-pc, 0deg));
      white-space: pre-line;

      &:empty {
        display: none;
      }
    }
  }
}