Bachelorthesis_Code/frontend/src/components/Button.css

40 lines
659 B
CSS
Raw Normal View History

.btn {
padding: 8px 20px;
border-radius: 2px;
outline: none;
border: none;
cursor: pointer;
}
.btn--primary {
background-color: var(--primary);
2021-06-07 02:14:00 +00:00
color: var(--secondary);
border: 1px solid var(--primary);
}
.btn--outline {
background-color: transparent;
2021-06-07 02:14:00 +00:00
color: var(--primary);
padding: 8px 20px;
border: 1px solid var(--primary);
transition: all 0.3s ease-out;
}
.btn--medium {
padding: 8px 20px;
font-size: 18px;
}
.btn--large {
padding: 12px 26px;
font-size: 20px;
}
.btn--large:hover,
.btn--medium:hover {
transition: all 0.3s ease-out;
2021-06-07 02:14:00 +00:00
background: var(--primary);
color: var(--secondary);
transition: 250ms;
}