<commit_before>@import 'button-variables';

.button {
    @extend %button-before;
    @extend %button-after;

    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: $button__min-size;
    min-width: $button__min-size;
    padding: $button__padding;

    background-color: $button__background;
    border: $button__border;
    border-radius: $button__border-radius;
    outline: $button__outline;

    font-family: $button__font-family;
    font-size: $button__font-size;
    font-weight: $button__font-weight;
    line-height: $button__line-height;
    color: $button__text-color;

    cursor: pointer;

    text-transform: $button__text-transform;
    text-decoration: $button__text-decoration;
    transform: $button__transform;
    transition: $button__transition;

    &:hover {
        background-color: $button__background-hover;
        text-decoration: $button__text-decoration-hover;

        &:before {
            display: $button__before-display-hover;
            transform: $button__before-transform-hover;
        }

        &:after {
            display: $button__after-display-hover;
            left: $button__after-position-left-hover;
            opacity: $button__after-opacity-hover;
        }
    }

    &:disabled,
    &[disabled] {
        background-color: $button__background-disabled;
        border-color: $button__background-disabled;
        color: $button__text-color;
        cursor: not-allowed;

        .icon {
            fill: $button__text-color;
        }

        &:hover {
            background-color: $button__background-disabled;

            &:before,
            &:after {
                display: none;
            }
        }
    }

    &--secondary {
        color: $button__color--secondary;
        background-color: $button__background--secondary;
        border: $button__border--secondary;

        &:hover {
            color: $button__color-hover--secondary;
            background-color: $button__background-hover--secondary;
            &:before {
                z-index: $button__before-z-index-hover--secondary;
            }
            &:after {
                display: $button__after-display-hover--secondary;
            }
        }
    }<commit_msg>#64444 - Fix button with action class<commit_after>@import 'button-variables';

.button {
    @extend %button-before;
    @extend %button-after;

    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: $button__min-size;
    min-width: $button__min-size;
    padding: $button__padding;

    background-color: $button__background;
    border: $button__border;
    border-radius: $button__border-radius;
    outline: $button__outline;

    font-family: $button__font-family;
    font-size: $button__font-size;
    font-weight: $button__font-weight;
    line-height: $button__line-height;
    color: $button__text-color;

    cursor: pointer;

    text-transform: $button__text-transform;
    text-decoration: $button__text-decoration;
    transform: $button__transform;
    transition: $button__transition;

    &:hover {
        background-color: $button__background-hover;
        text-decoration: $button__text-decoration-hover;

        &:before {
            display: $button__before-display-hover;
            transform: $button__before-transform-hover;
        }

        &:after {
            display: $button__after-display-hover;
            left: $button__after-position-left-hover;
            opacity: $button__after-opacity-hover;
        }
    }

    &:disabled,
    &[disabled] {
        background-color: $button__background-disabled;
        border-color: $button__background-disabled;
        color: $button__text-color;
        cursor: not-allowed;

        .icon {
            fill: $button__text-color;
        }

        &:hover {
            background-color: $button__background-disabled;

            &:before,
            &:after {
                display: none;
            }
        }
    }

    &--secondary {
        color: $button__color--secondary;
        background-color: $button__background--secondary;
        border: $button__border--secondary;

        &:hover {
            color: $button__color-hover--secondary;
            background-color: $button__background-hover--secondary;
            &:before {
                z-index: $button__before-z-index-hover--secondary;
            }
            &:after {
                display: $button__after-display-hover--secondary;
            }
        }

        &.action {
            &:hover {
                &:after {
                    display: $button__after-display-hover--secondary;
                }
            }
        }
    }
{'fraction_non_alphanumeric': 0.11341719077568134, 'fraction_numerical': 0.0010482180293501049, 'mean_word_length': 2.0138976626658245, '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': '4937649', 'n_tokens_mistral': 1374, 'n_tokens_neox': 1327, 'n_words': 218}