Un bouton signature blanc et or façon écrin : texte doré gravé, double filet d'or, reflet de lumière qui le traverse au survol.
Survole, ou navigue au clavier avec Tab : la lumière traverse le bouton et l'or s'intensifie. Le code copié donne exactement ce rendu.
<!-- Dans le <head> : la police du bouton -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Cormorant+Garamond:wght@600&display=swap">
<!-- Dans le <body> : le bouton dans sa zone -->
<div class="zone-luxe">
<a class="luxe" href="https://monsiteweb.com" aria-label="Aller vers monSiteWeb.com">
<span class="luxe__sheen" aria-hidden="true"></span>
<span class="luxe__tooltip" aria-hidden="true">monSiteWeb.com</span>
<span class="luxe__label">LUXE</span>
</a>
</div>