.underline,
.extension {
  position: relative;
}

.underline:after,
.extension:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  z-index: -1;
}

.underline:after {
  background: #ffd200;
}

.extension:after {
  background: green;
}

.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-border-radius: 2em;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1d2049;
  --bs-btn-border-color: #1d2049;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #171a3d;
  --bs-btn-hover-border-color: #171a3d;
  --bs-btn-focus-shadow-rgb: 11, 143, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #121531;
  --bs-btn-active-border-color: #121531;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1d2049;
  --bs-btn-disabled-border-color: #1d2049;
}