.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%),