public/css/modules/btn.css


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

.btn {
    color: var(--text-color);
    border: solid 2px var(--text-color);
    font-weight: 500;
    text-decoration: underline;
    padding-inline: 0.5rem;
    padding-block: 0.25rem;
    background-color: transparent;
    transition:
      background-color 300ms,
      text-decoration-color 300ms,
      transform 50ms;
  }
  
  .btn:hover {
    background-color: var(--background-highlight-color);
    text-decoration-color: transparent;
  }
  
  .btn:active {
    transform: scale(1.1, 1.1);
  }