@charset "UTF-8";

button,
input[type="submit"] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-size: 1.6rem;
  line-height: 1;
  background-color: #fff;
  border: 2px solid $primary_color;
  border-radius: 0.3rem;

  &.btn_background {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 600;
    background-color: $primary_color;

    &:hover {
      background-color: $secondary_color;
      border-color: $secondary_color;
    }

    &.btn_delete {
      color: #fff;
      background-color: $red;

      &:hover {
        color: $red;
        background-color: #fff;
      }
    }
  }

  &.btn_border {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;

    &:hover {
      background-color: rgba($primary_color, 0.2);
    }
  }

  &.btn_delete {
    &,
    &:hover {
      border-color: $red;
    }
  }
}