/* Style de base — bordure biseautée sur le wrapper */
[class*="is-style-bouton-encoche"] {
  background:
    linear-gradient(to bottom right, transparent calc(50% - 0.5px), #C3FC12 calc(50% - 0.5px), #C3FC12 calc(50% + 0.5px), transparent calc(50% + 1px)) bottom right / 20px 20px no-repeat,
    linear-gradient(#C3FC12, #C3FC12) left bottom / calc(100% - 20px) 1px no-repeat,
    linear-gradient(#C3FC12, #C3FC12) top / 100% 1px no-repeat,
    linear-gradient(#C3FC12, #C3FC12) left / 1px 100% no-repeat,
    linear-gradient(#C3FC12, #C3FC12) top right / 1px calc(100% - 20px) no-repeat !important;
}

/* Lien — clip-path présent DÈS le départ pour une transition fluide */
[class*="is-style-bouton-encoche"] .wp-block-button__link {
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 20px),
    calc(100% - 20px) 100%,
    0 100%
  ) !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Hover */
:root [class*="is-style-bouton-encoche"] .wp-block-button__link:hover,
:root [class*="is-style-bouton-encoche"] .wp-block-button__link.force-hover {
  background-color: #C3FC12 !important;
  background-image: none !important;
  color: #000000 !important;
}