sass/components/_button.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@use "../abstracts/" as *;

button {
  color: $text-dark;
  background-color: $text-special-light;
  border: none;
  border-radius: 10px;
  font-style: inherit;
  font-weight: bold;
  padding: 0.7rem;
  text-transform: uppercase;
  width: 8rem;

  &:hover {
    background-color: $text-special-dark;
  }

  &:active {
    outline: 3px solid $text-dark;
  }
}