.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; background: var(--rc-accent);
padding: 28px 56px;
} .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;
} .rc-darwin-btn::after{
content:"";
position:absolute;
left: 64px; 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;
} .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);
}