.button,
input[type="submit"],
.p-button {
  font-size: var(--v-form-field__font-size);
  line-height: var(--v-form-field__line-height);
  text-decoration: none;
  text-align: center;
  font-weight: var(--v-font-weight__default);

  display: inline-block;
  padding: var(--v-form-field__padding--tb) var(--v-form-field__padding--rl);
  border-radius: var(--v-border-radius__sm);

  border: var(--v-form-field__border-size) solid var(--v-color__6);
  background-color: transparent;
  color: var(--v-color__6);

  cursor: pointer;
  transition: var(--v-transition__default);

  margin: calc( var(--v-spacing__p) / 2 ) 0;
}

.button:hover,
input[type="submit"]:hover,
.p-button:hover {
  background-color: var(--v-color__6);
  color: var(--v-color__2);
}

.p-button--white {
  border-color: var(--v-color__2);
  color: var(--v-color__2);
}

.p-button--white:hover {
  background-color: var(--v-color__2);
  color: var(--v-color__6);
}

.p-button--red-full {
  background-color: var(--v-color__3);
  border-color: var(--v-color__3);
  color: var(--v-color__2);
}

.p-button--red-full:hover {
  background-color: var(--v-color__3--alt1);
  border-color: var(--v-color__3--alt1);
}

.p-button--blue-light-full {
  background-color: var(--v-color__4);
  border-color: var(--v-color__4);
  color: var(--v-color__2);
}

.p-button--blue-light-full:hover {
  background-color: var(--v-color__4--alt1);
  border-color: var(--v-color__4--alt1);
}

#place_order,
.single_add_to_cart_button,
.p-button--blue-dark-full {
  background-color: var(--v-color__6);
  border-color: var(--v-color__6);
  color: var(--v-color__2);
}

#place_order:hover,
.single_add_to_cart_button:hover,
.p-button--blue-dark-full:hover {
  background-color: var(--v-color__6--alt1);
  border-color: var(--v-color__6--alt1);
}

.p-button--full {
  width: 100%;
}

.p-button--sm {
  padding: 0.5rem 1rem;
}

@media (min-width: 1000px) {
  .p-button {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }

  .p-button--sm {
    padding: 0.6rem 1.3rem;
  }
}