// WordPress標準スタイルリセット（フロントエンド用）
// Responsive properties handled by PHP dynamic CSS
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic a,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic button,
.wp-block-zenblocks-button-basic a,
.wp-block-zenblocks-button-basic button {
  background: none !important;
  margin: 0 !important;
  text-decoration: none !important;
  outline: none !important;

  // キーボードフォーカス時のアウトライン表示（アクセシビリティ）
  &:focus-visible {
    outline: 2px solid var(--wp--preset--color--primary, #007cba) !important;
    outline-offset: 2px !important;
  }
}

// フロントエンド用最高優先度適用
// Responsive properties (height, box-sizing) handled by PHP dynamic CSS
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button,
.wp-block-zenblocks-button-basic > a,
.wp-block-zenblocks-button-basic > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  position: relative !important;
  cursor: pointer !important;
  color: var(--font-color-pc, inherit);
  transition: color var(--style-transition-duration, 300ms) var(--style-transition-easing, ease) var(--style-transition-delay, 0ms),
              text-shadow var(--style-transition-duration, 300ms) var(--style-transition-easing, ease) var(--style-transition-delay, 0ms),
              border var(--style-transition-duration, 300ms) var(--style-transition-easing, ease) var(--style-transition-delay, 0ms),
              border-radius var(--style-transition-duration, 300ms) var(--style-transition-easing, ease) var(--style-transition-delay, 0ms),
              box-shadow var(--style-transition-duration, 300ms) var(--style-transition-easing, ease) var(--style-transition-delay, 0ms),
              opacity var(--style-transition-duration, 300ms) var(--style-transition-easing, ease) var(--style-transition-delay, 0ms);
}
