/* ==========================================================================
   Boutons du château (style « Contour » du bloc Bouton) :
   fond noir, texte or, cadre doré décalé ; au survol, le texte passe en blanc.
   Les « !important » priment sur les réglages plus anciens (thème, Collage…),
   pour que tous les boutons aient le même aspect partout.
   ========================================================================== */

.wp-block-button.is-style-outline {
position: relative;
isolation: isolate;
}

/* Le cadre doré décalé, derrière le bouton. */
.wp-block-button.is-style-outline::before {
content: "";
position: absolute;
z-index: -1;
top: 10px;
right: -14px;
bottom: -10px;
left: 48px;
border: 1px solid var(--wp--preset--color--or);
pointer-events: none;
transition: transform 0.35s ease;
}

.wp-block-button.is-style-outline:hover::before,
.wp-block-button.is-style-outline:focus-within::before {
transform: translate(-4px, -4px);
}

/* Le bouton lui-même. */
.wp-block-button.is-style-outline > .wp-block-button__link {
padding: 0.85rem 1.9rem !important;
border: 1px solid var(--wp--preset--color--noir-chaud) !important;
border-radius: 0 !important;
background: var(--wp--preset--color--noir-chaud) !important;
color: var(--wp--preset--color--or) !important;
font-family: var(--wp--preset--font-family--bodoni-moda);
font-size: 0.95rem;
font-style: italic;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: color 0.3s ease;
}

/* Survol : seul le texte change, il passe en blanc. */
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
background: var(--wp--preset--color--noir-chaud) !important;
color: #ffffff !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
outline: 2px solid var(--wp--preset--color--or);
outline-offset: 3px;
}

/* De la place pour le cadre décalé, sous et à droite du bouton. */
.wp-block-buttons:has(.is-style-outline) {
padding-bottom: 10px;
padding-right: 14px;
}

@media (prefers-reduced-motion: reduce) {
.wp-block-button.is-style-outline::before,
.wp-block-button.is-style-outline > .wp-block-button__link {
transition: none;
}
}