.rc-darwin-btn{
  --rc-accent: #F2E64E;
  --rc-line-width: 420px;
  --rc-line-bottom-offset: 0px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  color: #111;

  /* NORMAL: gros bloc jaune */
  background: var(--rc-accent);
  padding: 28px 56px;
}

/* Hover-only left bar */
.rc-darwin-btn::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  width:0;
  height: 78px;
  background: var(--rc-accent);
  transition: width .18s ease;
}

/* Trait (PAS un underline): placé sur le bas du "contour" du bouton au hover */
.rc-darwin-btn::after{
  content:"";
  position:absolute;
  left: 64px; /* début aligné sur le début du texte */
  bottom: calc(0px + var(--rc-line-bottom-offset));
  height: 4px;
  width: 0;
  background: #111;
  transform-origin: left;
  transition: width .22s ease;
}

.rc-darwin-btn span{
  display:inline-block;
  font-size: 44px;
}

/* HOVER: fond transparent + barre jaune + trait sur le bas */
.rc-darwin-btn:hover{
  background: transparent !important;
  justify-content: flex-start;
  padding: 18px 0 18px !important;
  padding-left: 64px !important;
}

.rc-darwin-btn:hover::before{
  width: 52px;
}

.rc-darwin-btn:hover::after{
  width: var(--rc-line-width);
}