.button, .button:link, button a{
    text-align: center;
    text-decoration: none;
    color: inherit;
    border-radius: 5px;
    display: inline-block;
    border: 0 !important;
}

.button-small{
    padding: 6px 12px;
    font-size: 0.8em;
    font-weight: bold;
}

.button-regular{
    padding: 7px 15px;
    font-weight: bold;
}

.button-big{
    padding: 10px 19px;
    font-size: 1.8em;
    font-weight: bold;
}

.button-primary{
    transition: 0.3s;
    background-color: var(--colorPrimario);
    color: white;
}

.button-secondary{
    transition: 0.3s;
    background-color: var(--colorSecundario);
    color: white;
}

.button-action{
    transition: 0.3s;
    background-color: #FFC229;
    color: black;
}

.button-back{
    color: black;
}

.button-primary:hover,
.button-secondary:hover,
.button-action:hover
{
    transition: 0.3s;
    filter: brightness(1.3);
}

.item-active{
    transition: 0.3s;
    filter: brightness(1.3);
}

@media screen and (min-width: 320px) {

}

@media screen and (min-width: 576px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1400px) {

}