/* P002-03 確定 2026-09-08。通常時の寸法・配置・activeは各ページの既存仕様を維持。 */
.button--cta {
  --button-border-width: 1px;
  --button-hover-color: var(--color-brand-green-dark, #008455);
  --button-hover-background: var(--color-surface-base, #fff);
  --button-hover-border: var(--color-brand-green-dark, #008455);
  --button-icon-hover-filter: brightness(0) saturate(100%) invert(31%) sepia(81%) saturate(1051%) hue-rotate(120deg) brightness(89%) contrast(101%);
}
@media (hover: hover) {
  .button--cta:not(:disabled):not([aria-disabled="true"]):hover {
    color: var(--button-hover-color);
    background: var(--button-hover-background);
    border-color: var(--button-hover-border);
    opacity: 1;
  }
}

/* P003-12: 電話アイコンと相談ラベルの間隔。 */
.button--phone-consult { gap: 4px; }