:root {
  --accent-color: #0d6efd;
  --accent-color-contrast: #fff;
  --accent-color-secondary: #696868;
}

a.pi-btn-secondary,
a.pi-btn-primary {
  text-decoration: none;
}

.pi-btn-primary.btn-primary {
  color: var(--accent-color-contrast);
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
  line-height: unset;
  font-weight: 700;
}

.pi-btn-outline-primary {
  background-color: var(--accent-color-contrast);
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 8px;
  font-weight: 700;
  padding: 10px 16px;
}

.pi-btn-outline-primary:hover {
  background-color: var(--accent-color);
  color: var(--accent-color-contrast);
}

.pi-btn-primary.btn-primary:not(:disabled):hover {
  background-color: var(--accent-color-contrast);
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.pi-btn-secondary.btn {
  color: var(--accent-color-contrast);
  background: var(--accent-color-secondary);
  border: 1px solid var(--accent-color-secondary);
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
}

.pi-btn-outline-secondary,
.pi-btn-outline-secondary.btn {
  background-color: var(--accent-color-contrast);
  color: var(--accent-color-secondary);
  border: 1px solid var(--accent-color-secondary);
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
}

.pi-btn-outline-secondary:hover {
  color: var(--accent-color-contrast);
  background: var(--accent-color-secondary);
  border: 1px solid var(--accent-color-secondary);
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 16px;
}

.pi-btn-secondary:not(:disabled):hover {
  background-color: transparent;
  color: var(--accent-color-secondary);
}

.pi-btn-primary:disabled,
.pi-btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn.pi-btn-sm,
.pi-btn-sm {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 12px;
  border-radius: 8px;
}

.pi-btn-md {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 16px;
  border-radius: 8px;
}

.pi-btn-lg {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  padding: 16px 24px;
  border-radius: 8px;
}