demo/src/components/Button/button.css
@import '../../globals/theme';
.main {
background: none;
font-size: 1.4rem;
line-height: 2rem;
display: inline-block;
cursor: pointer;
user-select: none;
border: none;
border-radius: 500px;
white-space: nowrap;
text-align: center;
padding: 1rem 4rem;
color: var(--secondaryColor);
box-shadow: inset 0 0 0 0.2rem var(--secondaryColor);
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.15em;
outline: none;
&:hover {
background: var(--secondaryLightColor);
color: white;
box-shadow: none;
&:active {
background: var(--secondaryDarkColor);
}
}
}