.Btn-principal {
  background-color: var(--color-principal-1);
  color: var(--color-white);

  &:hover {
    background-color: var(--color-secundario-1);
    color: #fff;
  }

  &:disabled {
    background-color: var(--color-principal-1);
    border-color: var(--color-principal-1);
    color: var(--color-white);
    opacity: 0.65;
  }
    &__slim {
      padding: 5px 10px;
    }
}

.Btn-secundario {
  background-color: var(--color-white);
  color: var(--color-principal-1);
  border: 1px solid var(--color-principal-1);

  &:hover {
    background-color: var(--color-secundario-1);
    color: #fff;
  }

  &:disabled {
    background-color: var(--color-principal-1);
    border-color: var(--color-principal-1);
    color: var(--color-white);
    opacity: 0.65;
  }

  &__slim {
    padding: 5px 10px;
  }

  &__minslim {
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 3px;
  }
}