abdullahtarawneh.com/assets/scss/components/button.scss
2021-12-24 00:20:07 -06:00

25 lines
471 B
SCSS

.button, .button:link, .button:visited {
width: 100%;
@media (min-width: 33.75em) {
width: max-content;
}
font-size: clamp(1em,2vw,1em);
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-radius: 0.25em;
font-weight: 700;
gap: 1em;
}
.button.primary {
background: var(--primary-accent);
color: white;
}
.button.secondary {
background: white;
border: 2px solid var(--primary-accent);
color: #06f;
}