church-website/src/components/Button/styles.module.scss
2024-11-19 10:58:33 +01:00

26 lines
No EOL
363 B
SCSS

@import 'template.scss';
.button {
background: $shade1;
color: $shade3;
border-radius: $border-radius;
text-align: center;
border: 0;
font-weight: bold;
transition: background 0.2s;
cursor: pointer;
}
.button:hover {
background: $base-color;
}
.lg {
font-size: 18px;
padding: 20px 40px;
}
.md {
font-size: 14px;
padding: 10px 35px;
}