:host {
  display: block;
}
.button {
  min-width: 328px;
  max-width: 340px;
  margin: 16px;
  padding: 16px;
  border-radius: 8px;
  border: none;
  font-size: var(--spacing-standing-xxs);
  font-weight: bold;
}


.button:hover,
.button:active {
  transition: var(--transition-links);
  cursor: pointer;
}

.button:focus {
  outline: 2px solid;
  transition: var(--transition-links);
  outline-color: var(--primary-color-base-01);
}


.primary {
  background: var(--primary-color-base-01);
  color: var(--light-color-base-01);

}

.secundary {
  background: var(--secondary-color-base-05);
  color: var(--primary-color-base-02);
}