<commit_before>/* Ant style */
.btn {
    line-height: 1.5;
    display: inline-block;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 15px;
    margin: 16px;
    border: 0;
    border-radius: 4px;
    text-transform: uppercase;
    height: 40px;
    min-width: 80px;
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    outline: 0;
    position: relative;
    color: rgba(0, 0, 0, 0.65);
    background: $COLOR_GREEN;
    font-size: 0.875rem; /* stylelint-disable-line number-max-precision */

    &:not([disabled]):hover {
        text-decoration: none;
    }
    &.primary {
        color: $COLOR_WHITE;

        &.orange {
            background: $COLOR_ORANGE;

            &:hover {
                background: $COLOR_ORANGE_2;
            }
            &:active {
                background: $COLOR_ORANGE;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_ORANGE;
            }
        }
        &.green {
            background: $COLOR_LIGHT_GREEN;

            &:hover {
                background: $COLOR_GREEN_2;
            }
            &:active {
                background: $COLOR_LIGHT_GREEN;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_LIGHT_GREEN;
            }
        }
        &:disabled, &[disabled] {
            background: $COLOR_BRANDBLUE_5;
            color: $COLOR_GRAY;
            cursor: not-allowed;
        }
    }
    &.secondary {
        background: transparent;

        &.orange {
            border: 1px solid $COLOR_ORANGE;
            color: $COLOR_ORANGE;

            &:hover {
                border: 1px solid $COLOR_ORANGE_2;
                color: $COLOR_ORANGE_2;
                background: rgba(233, 128, 36, 0.1);
            }
            &:active {
                border: 1px solid $COLOR_ORANGE;
                color: $COLOR_ORANGE;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_ORANGE;
            }
        }
        &.green {
            border: 1px solid $COLOR_LIGHT_GREEN;
            color: $COLOR_LIGHT_GREEN;

            &:hover {
                border: 1px solid $COLOR_GREEN_2;
                color: $COLOR_GREEN_2;
                background: rgba(76, 175, 80, 0.1);
            }
            &:active {
                border: 1px solid $COLOR_LIGHT_GREEN;
                color: $COLOR_LIGHT_GREEN;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_LIGHT_GREEN;
            }
        }
        &:disabled, &[disabled] {
            background: $COLOR_BRANDBLUE_5;
            border: 0 !important;
            color: $COLOR_GRAY !important;
            cursor: not-allowed !important;
        }
    }
    &.flat {
        background: $COLOR_WHITE;
        color: #4c5794; /* stylelint-disable-line color-no-hex */

        &:hover {
            background: #f2f3f8; /* stylelint-disable-line color-no-hex */
        }
        &:active {
            color: #4c5794; /* stylelint-disable-line color-no-hex */
        }
        &.effect:focus:not(:active):after {
            border: 0 solid #4c5794; /* stylelint-disable-line color-no-hex */
        }
        &:disabled, &[disabled] {
            background: transparent !important;
            border: 1px solid $COLOR_GRAY !important; /* stylelint-disable-line color-no-hex */
            color: $COLOR_GRAY !important;
            cursor: not-allowed !important;
        }
    }
    /* Ant Effect */
    &.effect:focus:not(:active):after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
        border-radius: inherit;
        border: 0 solid $COLOR_BLUE;
        opacity: 0.4;
        animation: buttonEffect 0.4s;
        animation-fill-mode: forwards;
        display: block;
    }
}

@keyframes buttonEffect {
    to {
        opacity: 0;
        top: -6px;
        left: -6px;
        bottom: -6px;
        right: -6px;
        border-width: 6px;
    }
}

a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
<commit_msg>disabled buttons have no hover effect<commit_after>/* Ant style */
.btn {
    line-height: 1.5;
    display: inline-block;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 15px;
    margin: 16px;
    border: 0;
    border-radius: 4px;
    text-transform: uppercase;
    height: 40px;
    min-width: 80px;
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    outline: 0;
    position: relative;
    color: rgba(0, 0, 0, 0.65);
    background: $COLOR_GREEN;
    font-size: 0.875rem; /* stylelint-disable-line number-max-precision */

    &:not([disabled]):hover {
        text-decoration: none;
    }
    &.primary {
        color: $COLOR_WHITE;

        &.orange {
            background: $COLOR_ORANGE;

            &:hover:not([disabled]) {
                background: $COLOR_ORANGE_2;
            }
            &:active {
                background: $COLOR_ORANGE;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_ORANGE;
            }
        }
        &.green {
            background: $COLOR_LIGHT_GREEN;

            &:hover:not([disabled]) {
                background: $COLOR_GREEN_2;
            }
            &:active {
                background: $COLOR_LIGHT_GREEN;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_LIGHT_GREEN;
            }
        }
        &:disabled, &[disabled] {
            background: $COLOR_BRANDBLUE_5;
            color: $COLOR_GRAY;
            cursor: not-allowed;
        }
    }
    &.secondary {
        background: transparent;

        &.orange {
            border: 1px solid $COLOR_ORANGE;
            color: $COLOR_ORANGE;

            &:hover:not([disabled]) {
                border: 1px solid $COLOR_ORANGE_2;
                color: $COLOR_ORANGE_2;
                background: rgba(233, 128, 36, 0.1);
            }
            &:active {
                border: 1px solid $COLOR_ORANGE;
                color: $COLOR_ORANGE;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_ORANGE;
            }
        }
        &.green {
            border: 1px solid $COLOR_LIGHT_GREEN;
            color: $COLOR_LIGHT_GREEN;

            &:hover:not([disabled]) {
                border: 1px solid $COLOR_GREEN_2;
                color: $COLOR_GREEN_2;
                background: rgba(76, 175, 80, 0.1);
            }
            &:active {
                border: 1px solid $COLOR_LIGHT_GREEN;
                color: $COLOR_LIGHT_GREEN;
            }
            &.effect:focus:not(:active):after {
                border: 0 solid $COLOR_LIGHT_GREEN;
            }
        }
        &:disabled, &[disabled] {
            background: $COLOR_BRANDBLUE_5;
            border: 0 !important;
            color: $COLOR_GRAY !important;
            cursor: not-allowed !important;
        }
    }
    &.flat {
        background: $COLOR_WHITE;
        color: #4c5794; /* stylelint-disable-line color-no-hex */

        &:hover:not([disabled]) {
            background: #f2f3f8; /* stylelint-disable-line color-no-hex */
        }
        &:active {
            color: #4c5794; /* stylelint-disable-line color-no-hex */
        }
        &.effect:focus:not(:active):after {
            border: 0 solid #4c5794; /* stylelint-disable-line color-no-hex */
        }
        &:disabled, &[disabled] {
            background: transparent !important;
            border: 1px solid $COLOR_GRAY !important; /* stylelint-disable-line color-no-hex */
            color: $COLOR_GRAY !important;
            cursor: not-allowed !important;
        }
    }
    /* Ant Effect */
    &.effect:focus:not(:active):after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: -1px;
        right: -1px;
        border-radius: inherit;
        border: 0 solid $COLOR_BLUE;
        opacity: 0.4;
        animation: buttonEffect 0.4s;
        animation-fill-mode: forwards;
        display: block;
    }
}

@keyframes buttonEffect {
    to {
        opacity: 0;
        top: -6px;
        left: -6px;
        bottom: -6px;
        right: -6px;
        border-width: 6px;
    }
}

a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

{'fraction_non_alphanumeric': 0.11900921658986176, 'fraction_numerical': 0.02511520737327189, 'mean_word_length': 1.4689988623435721, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7378759', 'n_tokens_mistral': 2885, 'n_tokens_neox': 2648, 'n_words': 541}