.btn-primary {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1rem;
  background-color: var(--btn-primary-bg);
  color: black;
  font-family: 'WorkSans-Bold', sans-serif;
  width: max-content;
  padding: 0.5rem;
  place-items: center;
  border-radius: 0.5rem;
  z-index: 1;
  cursor: pointer;

  &:hover {
    background-color: var(--btn-primary-hover-bg);
  }

  svg {
    width: 20px;
    height: auto;
  }
}

.btn-primary-disabled {
  pointer-events: none;
  opacity: 0.5;
}