<commit_before>/*......................... 
  Mblazonry button styles 
.........................*/

/*** buttons ***/

.mbl-btn{
    display: inline-block;
    background: $mbl-util-neutral;
    color: $mbl-grey-white;
	line-height: 1;
    font-family: $mbl-font-secondary;
	font-weight: $mbl-font-reg;
    font-size: $mbl-font-med;
	padding: $mbl-pad $mbl-pad-and-half;
	border: 0;
	border-radius: $mbl-border-radius-med;
	text-align: center;
	transition: background 0.2s ease;
    cursor: pointer;

	&:hover, &:focus {
		background: $mbl-util-neutral-subtle;
		color: $mbl-grey-80;
	}
    
    /*** disabled button ***/
    
	&.disabled {
		background: $mbl-grey-30;
		color: $mbl-grey-50;
        
        &:hover, &:focus {
            cursor: default;
        }
	}
    
    /*** positive button ***/
    
    &.positive {
        background: $mbl-util-positive;
        
            &:hover, &:focus {
            background: $mbl-util-positive-subtle;
        }
    }
    
    /*** negative button ***/
    
    &.negative {
        background: $mbl-util-negative;
        
            &:hover, &:focus {
            background: $mbl-util-negative-subtle;
            color: $mbl-grey-30;
        }
    }
    
    /*** caution button ***/
    
    &.caution {
        background: $mbl-util-caution;
        color: $mbl-grey-80;
        
            &:hover, &:focus {
                background: $mbl-util-caution-subtle;
                color: $mbl-grey-50;
        }
    }
    
    /*** small button ***/
    
    &.small {
        padding: $mbl-pad-half;
        font-size: $mbl-font-small;
    }
    
    /*** large button ***/
    
    &.large {
        padding: $mbl-pad-and-half $mbl-pad-triple;
        font-weight: $mbl-font-bold;
        font-size: $mbl-font-large;
        border-radius: $mbl-border-radius-large;
    }
}

/*** text buttons ***/

.mbl-text-btn{
	position: relative;
	background: none;
    border: none;
    font-family: $mbl-font-secondary;
//    font-style: normal;
    font-weight: $mbl-font-bold;
    font-size: $mbl-font-large;
    color: $mbl-util-neutral;
    
    &:after {
	    position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		background: url("../../../images/double-chevron-right.svg") no-repeat;
	    top: 5px;
		right: -25px;
		transition: all 0.2s ease;
	}
    
    &:hover, &:focus {
	    color: $mbl-util-neutral-subtle;
        cursor: pointer;
	    
	    &:after {
		    right: -35px;
	    }
    }
    
    /*** disabled text button ***/
    
    &.disabled {
		color: $mbl-grey-30; <commit_msg>minor changes<commit_after>/*......................... 
  Mblazonry button styles 
.........................*/

/*** buttons ***/

.mbl-btn{
    display: inline-block;
    background: $mbl-util-neutral;
    color: $mbl-grey-white;
	line-height: 1;
    font-family: $mbl-font-secondary;
	font-weight: $mbl-font-reg;
    font-size: $mbl-font-med;
	padding: $mbl-pad $mbl-pad-and-half;
	border: 0;
	border-radius: $mbl-border-radius-med;
	text-align: center;
	transition: background 0.2s ease;
    cursor: pointer;

	&:hover, &:focus {
		background: $mbl-util-neutral-subtle;
		color: $mbl-grey-80;
	}
    
    /*** disabled button ***/
    
	&.disabled {
		background: $mbl-grey-30;
		color: $mbl-grey-50;
        
        &:hover, &:focus {
            cursor: default;
        }
	}
    
    /*** positive button ***/
    
    &.positive {
        background: $mbl-util-positive;
        
            &:hover, &:focus {
            background: $mbl-util-positive-subtle;
        }
    }
    
    /*** negative button ***/
    
    &.negative {
        background: $mbl-util-negative;
        
            &:hover, &:focus {
            background: $mbl-util-negative-subtle;
            color: $mbl-grey-30;
        }
    }
    
    /*** caution button ***/
    
    &.caution {
        background: $mbl-util-caution;
        color: $mbl-grey-80;
        
            &:hover, &:focus {
                background: $mbl-util-caution-subtle;
                color: $mbl-grey-50;
        }
    }
    
    /*** small button ***/
    
    &.small {
        padding: $mbl-pad-half;
        font-size: $mbl-font-small;
    }
    
    /*** large button ***/
    
    &.large {
        padding: $mbl-pad-and-half $mbl-pad-triple;
        font-weight: $mbl-font-bold;
        font-size: $mbl-font-large;
        border-radius: $mbl-border-radius-large;
    }
}

/*** text buttons ***/

.mbl-text-btn{
	position: relative;
	background: none;
    border: none;
    font-family: $mbl-font-secondary;
    font-weight: $mbl-font-bold;
    font-size: $mbl-font-large;
    color: $mbl-util-neutral;
    
    &:after {
	    position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		background: url("../../../images/double-chevron-right.svg") no-repeat;
	    top: 5px;
		right: -25px;
		transition: all 0.2s ease;
	}
    
    &:hover, &:focus {
	    color: $mbl-util-neutral-subtle;
        cursor: pointer;
	    
	    &:after {
		    right: -35px;
	    }
    }
    
    /*** disabled text button ***/
    
    &.disabled {
		color: $mbl-grey-30; 
{'fraction_non_alphanumeric': 0.18365346922775383, 'fraction_numerical': 0.011368090944727557, 'mean_word_length': 1.6290571870170016, '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': '919449', 'n_tokens_mistral': 1967, 'n_tokens_neox': 1845, 'n_words': 313}