website/components/Button/Button.module.css

31 lines
486 B
CSS

.button {
appearance: none;
background: var(--bg-shade-3);
color: var(--text-shade-3);
border: 0;
border-radius: 6px;
padding: 12px 48px;
font-size: 1rem;
font-family: var(--font-family);
cursor: pointer;
}
.button.icon {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}
.button:hover {
background: var(--bg-shade-3-5);
}
.button.primary {
background: var(--accent-shade-0);
}
.button.primary:hover {
background: var(--accent-shade-1);
}