<commit_before>.flex-container {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.flex-item {
  margin: auto;
  height: 250px;
  width: 250px;
  position: relative;
}

.button {
    overflow: hidden;

    display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;

    color: white;
    background-color: #99583D;

    text-align: center;
    text-decoration: none;
    font-size: 32px;
    cursor: pointer;

    border: none;
    border-radius: 12px;
    transition: all .5s;
}

.button:hover {
    background-color: #FF0000;
}

.button_start {
    border-radius: 50%;
    background-color: #FF0000;
}

.button_start:hover {
    animation: pulse_animation 1s linear infinite;
	transform-origin:50% 50%;
}

.processing {
    border-radius: 50%;
    background-color: #CC4A14;
}

.button_download {
    border-radius: 50%;
    background-color: #54CC14;
    transition: all .5s;
}

.button_download:hover {
    background-color: #40FF40;
}

.button_download:before,
.button_download:after {
    position: absolute;
    width: 100%;
    text-align: center;
    content: '';
    opacity: 0;
    -webkit-transition: .4s,opacity .6s;
    -moz-transition: .4s,opacity .6s;
    -o-transition: .4s,opacity .6s;
    transition: .4s,opacity .6s;
}

.button_download:before {
    content: attr(data-hover);
    -webkit-transform: translate(-150%,0);
    -moz-transform: translate(-150%,0);
    -ms-transform: translate(-150%,0);
    -o-transform: translate(-150%,0);
    transform: translate(-150%,0);
}

.button_download:hover:before {
    opacity: 1;
    -webkit-transform: translate(0,0);<commit_msg>fix color scheme<commit_after>.flex-container {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.flex-item {
  margin: auto;
  height: 250px;
  width: 250px;
  position: relative;
}

.button {
    overflow: hidden;

    display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;

    color: white;
    background-color: #4ecdc4;

    text-align: center;
    text-decoration: none;
    font-size: 32px;
    cursor: pointer;

    border: none;
    border-radius: 12px;
    transition: all .5s;
}

.button:hover {
    background-color: #1ca39d;
}

.button_start {
    background-color: #2dcc70;
}

.button_start:hover {
    animation: pulse_animation 1s linear infinite;
	transform-origin:50% 50%;
    background-color: #2dcc70;
}

.processing {
    border-radius: 50%;
    background-color: #f4d03e;
}

.processing:hover {
    background-color: #f4d03e;
}

.button_download {
    background-color: #2dcc70;
    transition: all .5s;
}

.button_download:hover {
    background-color: #2dcc70;
}

.button_download:before,
.button_download:after {
    position: absolute;
    width: 100%;
    text-align: center;
    content: '';
    opacity: 0;
    -webkit-transition: .4s,opacity .6s;
    -moz-transition: .4s,opacity .6s;
    -o-transition: .4s,opacity .6s;
    transition: .4s,opacity .6s;
}

.button_download:before {
    content: attr(data-hover);
    -webkit-transform: translate(-150%,0);
    -moz-transform: translate(-150%,0);
    -ms-transform: translate(-150%,0);
    -o-transform: translate(-150%,0);
    transform: translate(-150%,0);
}

.button_download:hover:before {
    opacity: 1;
    -webkit-transform: translate(0,0);
{'fraction_non_alphanumeric': 0.14560906515580738, 'fraction_numerical': 0.049575070821529746, 'mean_word_length': 2.9496644295302015, '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': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4301120', 'n_tokens_mistral': 1370, 'n_tokens_neox': 1250, 'n_words': 260}