:root {
  --titleFont: "RecoletaRegular", sans-serif;
  --titleFont2: "Mabry Pro", sans-serif;
  --titleFont3: "EudoxusSansBold";
  --partialFont: "OpticianSans", sans-serif;
  --taglineFont: "OpticianSans", sans-serif;
  --partialFont2:"MabryProRegular", sans-serif;
  --bodyFont: "Mabry Pro", sans-serif;
  --metaFont: "OpticianSans", serif;
  --partialFont2:"Mabry Pro";
  --transition: 1.3s;
  --primaryColor: #F06B9D;
  --secondaryColor: #101010;
  --whiteColor: #ffffff;
  --titleColor: #101010;
  --hoverColor: #F06B9D;
  --bodyColor: #6e777d;
  --btnColor: #15171A;
  --button-bg: #F06B9D;
  --button-bg-hover: #F281AC;
  --button-bg-dark: #212529;
  --button-bg-dark-hover: #424649;
  --gray-slate-light-900: #151A17;
  --gray-slate-light-100: #E1E3E6;
  --gray-slate-light-500: #6B7280;
  --gray-slate-light-700: #40444D;
  --gray-slate-pink-50:#FDF0F5;
  --gray-slate-light-40:#A6AAB3;
  --gray-slate-light-10: #C4C7CC;
  --gray-slate-pink-10:#F7F8F9;
  --yellow-light-50: #FCBC05;
  --gray-slate-light-25: #F0F1F2;
}

.react-button a {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--partialFont);
  line-height: 25px;
  text-align: center;
  text-transform: capitalize;
  transition: 0.3s;
  overflow: hidden;
  border-bottom: 1px solid var(--border-color);
  position: relative;
  padding-bottom: 8px !important;
}
.react-button a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--primaryColor);
  width: 0%;
  transition: 350ms width cubic-bezier(0.38, 0.01, 0.43, 0.16);
}
.react-button a:hover::after {
  width: 100%;
}
.react-button.secondary_btn a {
  background: transparent;
}/*# sourceMappingURL=button.css.map */