.btnPrimary {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--input-border-radius);
  font-weight: 500;
  
  width: 100%;
  height: var(--button-height);
  
  border: none;
  
  display: grid;
  place-content: center;
  
  text-decoration: none;
  transition: var(--opacity-transition);
  
  &:hover {
    opacity: .8;
  }
}

.btnTransparent {
  background-color: transparent;
  border: none;
  text-decoration: none;
}

.btnTransparentBordered {
  background-color: transparent;
  color: var(--color-primary);
  border-radius: var(--input-border-radius);
  font-weight: 500;
  
  width: 100%;
  height: var(--button-height);
  
  border: 1px solid var(--color-primary);
  
  display: grid;
  place-content: center;
  
  text-decoration: none;
}

button:disabled,
button[disabled] {
  opacity: .6;
}