:root {
  --g1: radial-gradient(circle 311px at 8.6% 27.9%, rgba(62, 147, 252, 0.57) 12.9%, rgba(239, 183, 192, 0.44) 91.2%);
  --g2: radial-gradient(circle farthest-corner at 10% 20%, rgba(176, 229, 208, 1) 42%, rgba(92, 202, 238, 0.41) 93.6%);

  --g3: linear-gradient(64.3deg, rgba(254, 122, 152, 0.81) 17.7%, rgba(255, 206, 134, 1) 64.7%, rgba(172, 253, 163, 0.64) 112.1%);
  --g4: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
}

/* SignUp and SignIn form fading start */
.cardActive {
  transition: opacity 1s ease-in-out;
  opacity: 1;
}

.cardInactive {
  opacity: 0;
  display: none;
}

/* SignUp and SignIn form fading end */


/* User Profile Page Styling start */
.userProfileMainContainer {
  margin-left: 0 !important;
}

.userProfileMainContainer .fade {
  transition: opacity .1s linear;
}

.userProfileMainContainer .profile-card h3 {
  font-size: 14px;
  margin-bottom: 0;
}

.userProfileMainContainer .profile-card .social-links {
  margin-top: 20px !important;
}

.userProfileFooter .copyright a {
  color: inherit;
}

/* User Profile Page Styling end */

/* buttonFX Styling start */
.buttonFX {
  position: relative;
  isolation: isolate;
  width: 220px;
  height: fit-content;
  padding: 5px;
  color: inherit;
  text-align: center;
  transition: color 0.4s ease-in-out, border 0.4s ease-in-out;
  border: 1px solid gray;
  border-radius: 5px;
  background: var(--bs-primary-bg-subtle);
}

.buttonFX::after,
.buttonFX::before {
  content: "";
  position: absolute;
  top: 0;
  /*bottom:0;*/
  width: 100%;
  height: 100%;
  background: var(--g1);
  transition: transform 0.4s ease-in-out;
  border-radius: 5px;
  z-index: -1;
}

.buttonFX::before {
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
}

.buttonFX::after {
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
}

.buttonFX:hover::before,
.buttonFX:hover::after {
  transform: scaleX(1);
}

.buttonFX:hover {
  cursor: pointer;
  color: black;
  border: 1px solid transparent;
}

.buttonFX:active {
  top: 2px;
}

/* buttonFX Styling end */