/*********************************/
/* some-styles is for components */
/*********************************/

:root {
  --shadow-green-600: 0 0 0 0.25rem #00484069;
  --shadow-orange-600: 0 0 0 0.25rem #ffa22c69;
}

.shadow-green-600 {
  box-shadow: var(--shadow-green-600);
}

.shadow-orange-600 {
  box-shadow: var(--shadow-orange-600);
}

.btn.py-2 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.btn:not([class*="btn-"]):focus {
  box-shadow: var(--shadow-green-600);
}

.btn-green-600 {
  background: var(--green-600);
  color: #fff !important;
  border: 1px solid var(--green-600);
}

.btn-green-600:hover,
.btn-green-600:focus {
  background: var(--green-800);
  border: 1px solid var(--green-800);
}

.btn-green-600:focus {
  border-color: var(--green-600);
  box-shadow: var(--shadow-green-600);
}

.btn-orange-600 {
  background: var(--orange-600);
  color: #fff !important;
  border: 1px solid var(--orange-600);
}

.btn-orange-600:hover,
.btn-orange-600:focus {
  background: var(--orange-400);
  border: 1px solid var(--orange-400);
}

.btn-orange-600:focus {
  border-color: var(--orange-400);
  box-shadow: var(--shadow-orange-600);
}