:root {
  --color-primary: 176, 141, 89;
  --color-primary-alt: 163, 131, 83;

  --color-secondary: 240, 229, 216;
  --color-secondary-alt: 227, 217, 204;

  --color-black: 0, 0, 0;
  --color-black-alt: 40, 40, 40;

  --color-white: 255, 255, 255;
  --color-white-alt: 241, 241, 241;
}

.btn {
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}

.btn-primary {
  color: rgb(var(--color-white));
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.btn-primary:hover {
  color: rgb(var(--color-white));
  background-color: rgb(var(--color-primary-alt));
  border-color: rgb(var(--color-primary-alt));
}

.btn-primary-outline {
  color: rgb(var(--color-primary));
  background-color: transparent;
  border-color: rgb(var(--color-primary));
}

.btn-primary-outline:hover {
  color: rgb(var(--color-primary-alt));
  background-color: transparent;
  border-color: rgb(var(--color-primary-alt));
}

.btn-secondary {
  color: rgb(var(--color-black));
  background-color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
}

.btn-secondary:hover {
  color: rgb(var(--color-black));
  background-color: rgb(var(--color-secondary-alt));
  border-color: rgb(var(--color-secondary-alt));
}

.btn-secondary-outline {
  color: rgb(var(--color-secondary));
  background-color: transparent;
  border-color: rgb(var(--color-secondary));
}

.btn-secondary-outline:hover {
  color: rgb(var(--color-secondary-alt));
  background-color: transparent;
  border-color: rgb(var(--color-secondary-alt));
}

.btn-black {
  background-color: rgb(var(--color-black));
  border-color: rgb(var(--color-black));
  color: rgb(var(--color-white));
}

.btn-black:hover {
  background-color: rgb(var(--color-black-alt));
  border-color: rgb(var(--color-black-alt));
  color: rgb(var(--color-white));
}

.btn-black-outline {
  background-color: rgb(var(--color-white));
  border-color: rgb(var(--color-black));
  color: rgb(var(--color-black));
}

.btn-black-outline:hover {
  background-color: rgb(var(--color-white));
  border-color: rgb(var(--color-black-alt));
  color: rgb(var(--color-black-alt));
}

.btn-white {
  background-color: rgb(var(--color-white));
  border-color: rgb(var(--color-white));
  color: rgb(var(--color-black));
}

.btn-white:hover {
  background-color: rgb(var(--color-white-alt));
  border-color: rgb(var(--color-white-alt));
  color: rgb(var(--color-black));
}

.btn-white-outline {
  background-color: transparent;
  border-color: rgb(var(--color-white));
  color: rgb(var(--color-white));
}

.btn-white-outline:hover {
  background-color: transparent;
  border-color: rgb(var(--color-white-alt));
  color: rgb(var(--color-white-alt));
}

[data-html-menu='item-subtitle'] {
  font-weight: normal;
}