.btn {
    white-space: nowrap;
    margin: .125em;
    border-radius: 1em;
    padding: .5em;
    background-color: var(--secundary-color);
    color: var(--secundary-color-text);
}

.btn:hover {
    color: var(--secundary-color-hover);
}

.btn.small {
    margin: .06125em .125em;
    border-radius: 1em;
    padding: .125em .5em;
}

.btn.invers {
    border: .5px solid;
    color: var(--primary-color-text);
    background-color: inherit;
}

span[class*=" btn-"]:hover,.toggle:hover,.direct-toggle:hover {
    color: var(--secundary-color-hover);
}

.btn.invers:hover {
    color: var(--primary-color-hover);
}


.tag {
    white-space: nowrap;
    margin: .125em;
    border-radius: .5em;
    border: .5px solid;
    padding: .5em;
    background-color: inherit;
}

.tag.small {
    margin: .06125em .125em;
    border-radius: .25em;
    padding: .125em .5em;
}

.tag.no-border {
    border: none;
}