@import "template.scss";

.button {
  border: none;
  background: none;
  cursor: pointer;
}

.button svg {
  fill: $shade2;
}

.button:hover svg {
  fill: $base-color;
}

.button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.button:disabled:hover svg {
  fill: $shade2;
}

.buttons {
  padding-left: 115px;
}

@media screen and (max-width: 576px) {
  .buttons {
    padding-left: 70px;
  }
}