background-color: #ef7d25;
color: #fff;
font-size: 0.875rem;
font-family: "Roboto", sans-serif;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
text-transform: uppercase;
padding: 0.9375rem 1.875rem;
letter-spacing: 2px;
font-weight: 600;
cursor: pointer;
display: inline-block;
position: relative;
:before
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
transition: all 0.4s ease;
:hover:before
width: 100%;
Secondary
background-color: #d1d1d1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 0.9375rem 1.875rem;
letter-spacing: 2px;
font-size: 0.875rem;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
cursor: pointer;
:before
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
transition: all 0.4s ease;
:hover:before
width: 100%;
Supporting
background-color: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 0.875rem 1.875rem;
border: solid 1px #d1d1d1;
letter-spacing: 2px;
font-size: 0.875rem;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
cursor: pointer;
position: relative;
:before
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
transition: all 0.4s ease;
:hover:before
width: 100%;