.btn{letter-spacing:.18em;text-transform:uppercase;color:var(--blanc);cursor:pointer;will-change:transform;font-size:12px;font-family:var(--sans);background:0 0;border:1px solid #f7f2ee66;padding:14px 32px;text-decoration:none;transition:border-color .4s,background .4s,color .4s;display:inline-block;position:relative;overflow:hidden}.btn.solid{background:var(--bordeaux);border-color:var(--bordeaux);color:var(--blanc)}.btn:after{content:"";background:linear-gradient(100deg,#0000,#f7f2ee47,#0000);width:50%;transition:none;position:absolute;top:0;bottom:0;left:-80%;transform:skew(-20deg)}@media (hover:hover){.btn:hover{border-color:var(--blanc);background:var(--blanc);color:var(--noir)}.btn.solid:hover{background:var(--bordeaux-hot);border-color:var(--bordeaux-hot);color:var(--blanc)}.btn:hover:after{transition:left .7s cubic-bezier(.65,0,.35,1);left:130%}}