CSS
.cle-brut {
display: inline-block;
padding: 6px 12px;
background: transparent;
color: #fff;
font:
700 13px/1.2 "Courier New",
monospace;
letter-spacing: 0.14em;
text-decoration: none;
border: 2px solid #fff;
transition:
background 0.15s,
color 0.15s,
transform 0.12s,
box-shadow 0.12s;
}
.cle-brut:hover,
.cle-brut:focus-visible {
background: #ff3d6e;
color: #0a0a0a;
border-color: #0a0a0a;
box-shadow: 5px 5px 0 #fff;
transform: translate(-2px, -2px);
}
.cle-brut:active {
transform: translate(3px, 3px);
box-shadow: 0 0 0 #fff;
}