26 lines
689 B
Sass
26 lines
689 B
Sass
|
|
.btn
|
|
padding: 16px 24px
|
|
gap: 8px
|
|
border-radius: 14px
|
|
border: none
|
|
display: block
|
|
width: 100%
|
|
text-decoration: none
|
|
&:hover,&:focus,&:active
|
|
cursor: pointer
|
|
&[disabled], &.btn--disabled
|
|
background-color: darken($purple, 10%)
|
|
cursor: not-allowed
|
|
&.black
|
|
background-color: var(--midnight-black)
|
|
&.btn-immortal
|
|
background-color: $purple
|
|
color: $button-color
|
|
&[disabled], &.btn--disabled
|
|
background-color: darken($purple, 10%)
|
|
cursor: not-allowed
|
|
color: var(--white-dark)
|
|
&:hover,&:focus,&:active
|
|
background-color: darken($purple, 10%),
|