af4f2cd16580fbcb9f0792c2a5ec5173e11b508d
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / layout / _button.scss
1 .l-button {
2   &.l-button--media {
3     letter-spacing: -0.01em;
4     color: $color-primary;
5     font-weight: $bold;
6     @include font-size(16px);
7     line-height: 19px;
8     border: 4px solid $color-primary;
9     border-radius: 10px;
10     padding: 19px 20px;
11     cursor: pointer;
12     transition: all $ease-dynamic 350ms;
13     background-color: $color-white;
14     outline: 0;
15
16     &:hover,
17     &.l-button--media--full {
18       color: $color-white;
19       background: $color-primary;
20       &:hover {
21         background: darken($color-primary, 3%);
22         border-color: darken($color-primary, 3%);
23       }
24     }
25   }
26 }