/**
 * @author Vitali Lupu
 * @copyright Vitali Lupu <mailto:vitaliix@gmail.com>
 */
.tabs{
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}
.tabs > label{
    border-radius: var(--btn-radius);
    cursor: pointer;
    font-size: 1rem;
    padding: .6rem 1rem;
    text-align: center;
    color: var(--btn-color-txt);
    font-weight: bold;
    text-transform: uppercase;
}
.tabs > input[type=radio][name=tab]{
    display: none;
}
.tabs > input[type=radio][name=tab]:checked + label {
    background-color: var(--btn-color-bg);
    /*box-shadow: var(--btn-shadow);*/
    margin-left: 1.5rem;
}
.tabs > input[type=radio][name=tab]:checked + .tab-content,
.tabs > input[type=radio][name=tab]:checked + label + .tab-content {
    display: block;
}
.tabs .tab-content {
    display: none;
    order: 1;
    width: 100%;
    padding-top: 1rem;
}