website/components/Button/Button.module.css

31 lines
487 B
CSS

.button {
appearance: none;
background: none;
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 {
box-shadow: 0 0 0 1px var(--bg-shade-4) inset;
}
.button.primary:hover {
box-shadow: 0 0 0 1px var(--accent-shade-3) inset;
}
.button.compact {
padding: 9px 18px;
}