h3 {
    text-align: center;
    margin-bottom: 1.5rem;
}

hr {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
}

.button-style-data {
    /* transition: background .25s,border-color .25s; */
    background: rgba(40,44,52,.05);
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    /* color: #3080d0; */
    text-decoration: none!important;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 6px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


.chart-action {
    transition: background .25s,border-color .25s;
    background: rgba(40,44,52,.05);
    border: 1px solid transparent;
    border-radius: 6px;
    color: #3080d0;
    text-decoration: none!important;
    display: inline-block;
    font-size: .8rem;
    padding: 8px 16px;
    margin: 0 8px 8px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.chart-action:active {
    background: rgba(48,128,208,.3);
    border-color: rgba(48,128,208,.4);
    color: #3080d0;
}

.chart-action:hover {
    background: rgba(48,128,208,.15);
    border-color: rgba(48,128,208,.2);
    color: #3080d0;
}

.chart-action.current {
    background: rgba(132,208,48,.3);
    border-color: rgba(132,208,48,.4);
    color: #3080d0;
}