.btn-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-size: 0.9rem;
  --bs-btn-font-weight: 500;
  --bs-btn-border-radius: .375rem;
}

.btn-social>img {
  width: 1.25rem;
  height: 1.25rem;
}

.btn-social-google {
  --bs-btn-bg: #fff;
  --bs-btn-color: #1f1f1f;
  --bs-btn-border-color: #747775;
  --bs-btn-hover-bg: #e9e9e9;
  --bs-btn-hover-color: #1f1f1f;
  --bs-btn-hover-border-color: #747775;
  --bs-btn-active-bg: #cfcfcf;
  --bs-btn-active-color: #1f1f1f;
  --bs-btn-active-border-color: #747775;
}

.btn-social-line {
  /* Normal state */
  --bs-btn-bg: #06C755;
  --bs-btn-color: #FFFFFF;
  --bs-btn-border-color: #00000000;
  /* Hover state */
  --bs-btn-hover-bg: color-mix(in srgb, #06C755 100%, #000000 10%);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-border-color: #00000000;
  /* Active (click/press) state */
  --bs-btn-active-bg: color-mix(in srgb, #06C755 100%, #000000 30%);
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-border-color: #00000000;
}