@media only screen and (max-width: 760px) {
}.tf-buttons {
  margin: 2rem auto;
  max-width: var(--gutenmaxwidth);
  width: 100%;
  min-height: 40px;
  --raleway: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
  --inter: 'Inter', Arial, Helvetica, Verdana, sans-serif;
  --bold: 700;
  --semibold: 600;
  --medium: 500;
  --regular: 400;
  --italic: italic;
  --primary-el: var(--primary);
  --primary-cfont: #fff;
  --primary-cfontl: #DCDCED;
  --primary-clink: var(--secondary);
  --primary-chover: var(--secondary);
  --primary-grad: linear-gradient(214deg, #141451 2.8%, #05053E 81.07%);
  --tertiary: linear-gradient(214deg, #141451 2.8%, #05053E 81.07%);
  --secondary-el: var(--secondary);
  --secondary-cfont: #fff;
  --secondary-clink: var(--primary);
  --secondary-chover: var(--primary);
  --secondary-grad: linear-gradient(92deg, #50B848 1.13%, #1DA6B9 99.3%);
  --quaternary: linear-gradient(92deg, #50B848 1.13%, #1DA6B9 99.3%);
  --cbgl-el: var(--cbgl);
  --cbgl-cfont: var(--cfont);
  --cbgl-clink: var(--clink);
  --cbgl-clinkchover: var(--chover);
  --cbgn-el: var(--cbgn);
  --cbgn-cfont: var(--cfont);
  --cbgn-clink: var(--clink);
  --cbgn-clinkchover: var(--chover);
  --cbgd-el: var(--cbgd);
  --cbgd-cfont: var(--cfont);
  --cbgd-clink: var(--clink);
  --cbgd-clinkchover: var(--chover);
  --cborder: #E5E5F1;
  --cborderd: #C2C2D7;
  --cfont: #282828;
  --clink: var(--secondary);
  --chover: var(--secondary);
  --cfontl: #777777;
  --clinkl: var(--secondary);
  --choverl: var(--secondary);
  --cfontd: var(--primary);
  --clinkd: var(--secondary);
  --choverd: var(--secondary);
  --cfont-lock: #282828;
  --clink-lock: var(--secondary);
  --chover-lock: var(--secondary);
  --cfontl-lock: #777777;
  --clinkl-lock: var(--secondary);
  --choverl-lock: var(--secondary);
  --cfontd-lock: var(--primary);
  --clinkd-lock: var(--secondary);
  --choverd-lock: var(--secondary);
  --form-bg: #fff;
  --form-border: #C2C2D7;
  --form-activeborder: #A1A1BE;
  --form-txt-placeholder: #9AA2BD;
  --form-txt: var(--cfontd-lock);
  --form-cfontl: var(--cfontl-lock);
  --form-cfontd: var(--cfontd-lock);
  --form-borderradius: 28px;
  --form-height: 54px;
  /* Color */
  --primary: #151560;
  --primary-d5: #000000;
  --primary-d4: #000000;
  --primary-d3: #000000;
  --primary-d2: #03030c;
  --primary-d1: #0c0c36;
  --primary-l5: #8e8ee6;
  --primary-l4: #6464dd;
  --primary-l3: #3a3ad4;
  --primary-l2: #2727b4;
  --primary-l1: #1e1e8a;
  /**/
  /* Color */
  --secondary: #50B848;
  --secondary-d5: #000100;
  --secondary-d4: #10250f;
  --secondary-d3: #204a1d;
  --secondary-d2: #306f2b;
  --secondary-d1: #409439;
  --secondary-l5: #ffffff;
  --secondary-l4: #ddf1db;
  --secondary-l3: #b9e3b6;
  --secondary-l2: #96d591;
  --secondary-l1: #73c66d;
  /**/
  /* Color */
  --cbgl: #ffffff;
  --cbgl-d5: #808080;
  --cbgl-d4: #999999;
  --cbgl-d3: #b3b3b3;
  --cbgl-d2: #cccccc;
  --cbgl-d1: #e6e6e6;
  --cbgl-l5: #ffffff;
  --cbgl-l4: #ffffff;
  --cbgl-l3: #ffffff;
  --cbgl-l2: #ffffff;
  --cbgl-l1: #ffffff;
  /**/
  /* Color */
  --cbgn: #F6F8FF;
  --cbgn-d5: #0037f6;
  --cbgn-d4: #2a59ff;
  --cbgn-d3: #5d81ff;
  --cbgn-d2: #90a9ff;
  --cbgn-d1: #c3d0ff;
  --cbgn-l5: #ffffff;
  --cbgn-l4: #ffffff;
  --cbgn-l3: #ffffff;
  --cbgn-l2: #ffffff;
  --cbgn-l1: #ffffff;
  /**/
  /* Color */
  --cbgd: #EDF0FB;
  --cbgd-d5: #2a4abf;
  --cbgd-d4: #4665d6;
  --cbgd-d3: #7088df;
  --cbgd-d2: #9aaae8;
  --cbgd-d1: #c3cdf2;
  --cbgd-l5: #ffffff;
  --cbgd-l4: #ffffff;
  --cbgd-l3: #ffffff;
  --cbgd-l2: #ffffff;
  --cbgd-l1: #ffffff;
  /**/
  --pl-size: 1.063rem;
  --pm-size: 1rem;
  --ps-size: 0.875rem;
  --hxl-size: 3.25rem;
  --hl-size: 2rem;
  --hm-size: 1.75rem;
  --hs-size: 1.375rem;
  --hxs-size: 1.25rem;
  --page-horpadding: 64px;
  --box-padding: 35px;
  --box-margin: 46px;
  --bigradius: 32px;
  --smallradius: 20px;
  --gutenmaxwidth: 1536px;
  --editor-maxwidth: 1536px;
  --gutenmaxwidth-small: 1040px;
  --editor-maxwidth-small: 1040px;
  --wp--preset--spacing--20: 20px;
  --wp--preset--spacing--30: 30px;
  --wp--preset--spacing--40: 40px;
  --wp--preset--spacing--50: 50px;
  --wp--preset--spacing--60: 60px;
  --wp--preset--spacing--70: 70px;
  --wp--preset--spacing--80: 80px;
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    margin: 1.8rem auto;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    margin: 1.6rem auto;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --pl-size: 1.063rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --pl-size: 0.938rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --pm-size: 1rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --pm-size: 0.938rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --ps-size: 0.875rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --ps-size: 0.813rem;
  }
}
.tf-buttons body,
.tf-buttons p {
  --wp--preset--font-size--ps: var(--ps-size) !important;
  --wp--preset--font-size--pm: var(--pm-size) !important;
  --wp--preset--font-size--pl: var(--pl-size) !important;
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --hxl-size: 2.375rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --hxl-size: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .tf-buttons {
    --hxl-size: 2rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --hl-size: 1.75rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --hl-size: 1.625rem;
  }
}
@media only screen and (max-width: 360px) {
  .tf-buttons {
    --hl-size: 1.625rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --hm-size: 1.625rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --hm-size: 1.5rem;
  }
}
@media only screen and (max-width: 360px) {
  .tf-buttons {
    --hm-size: 1.5rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --hs-size: 1.375rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --hs-size: 1.25rem;
  }
}
@media only screen and (max-width: 360px) {
  .tf-buttons {
    --hs-size: 1.25rem;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --hxs-size: 1.25rem;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --hxs-size: 1.125rem;
  }
}
@media only screen and (max-width: 360px) {
  .tf-buttons {
    --hxs-size: 1.125rem;
  }
}
.tf-buttons .wp-block-heading {
  --wp--preset--font-size--hs: var(--hs-size) !important;
  --wp--preset--font-size--hm: var(--hm-size) !important;
  --wp--preset--font-size--hl: var(--hl-size) !important;
  --wp--preset--font-size--hxl: var(--hxl-size) !important;
}
.tf-buttons .has-text-color.has-primary-color,
.tf-buttons .has-inline-color.has-primary-color {
  color: var(--primary) !important;
}
.tf-buttons .has-text-color.has-secondary-color,
.tf-buttons .has-inline-color.has-secondary-color {
  color: var(--secondary) !important;
}
.tf-buttons .has-text-color.has-tertiary-color,
.tf-buttons .has-inline-color.has-tertiary-color {
  color: var(--tertiary) !important;
}
.tf-buttons .has-text-color.has-quaternary-color,
.tf-buttons .has-inline-color.has-quaternary-color {
  color: var(--quaternary) !important;
}
.tf-buttons .has-text-color.has-cbgl-color,
.tf-buttons .has-inline-color.has-cbgl-color {
  color: var(--cbgl) !important;
}
.tf-buttons .has-text-color.has-cbgn-color,
.tf-buttons .has-inline-color.has-cbgn-color {
  color: var(--cbgn) !important;
}
.tf-buttons .has-text-color.has-cbgd-color,
.tf-buttons .has-inline-color.has-cbgd-color {
  color: var(--cbgd) !important;
}
.tf-buttons .has-text-color.has-white-color,
.tf-buttons .has-inline-color.has-white-color {
  color: #fff !important;
}
.tf-buttons .has-text-color.has-cfont-color,
.tf-buttons .has-inline-color.has-cfont-color {
  color: var(--cfont-lock) !important;
}
.tf-buttons .has-text-color.has-cfontl-color,
.tf-buttons .has-inline-color.has-cfontl-color {
  color: var(--cfontl-lock) !important;
}
.tf-buttons .has-text-color.has-cfontd-color,
.tf-buttons .has-inline-color.has-cfontd-color {
  color: var(--cfontd-lock) !important;
}
.tf-buttons .has-text-color.has-clink-color,
.tf-buttons .has-inline-color.has-clink-color {
  color: var(--clink-lock) !important;
}
.tf-buttons .has-background.has-primary-background-color {
  background: var(--primary) !important;
}
.tf-buttons .has-background.has-secondary-background-color {
  background: var(--secondary) !important;
}
.tf-buttons .has-background.has-tertiary-background-color {
  background: var(--tertiary) !important;
}
.tf-buttons .has-background.has-quaternary-background-color {
  background: var(--quaternary) !important;
}
.tf-buttons .has-background.has-cbgl-background-color {
  background: var(--cbgl) !important;
}
.tf-buttons .has-background.has-cbgn-background-color {
  background: var(--cbgn) !important;
}
.tf-buttons .has-background.has-cbgd-background-color {
  background: var(--cbgd) !important;
}
.tf-buttons .has-background.has-white-background-color {
  background: #fff !important;
}
.tf-buttons .has-background.has-cfont-background-color {
  background: var(--cfont-lock) !important;
}
.tf-buttons .has-background.has-cfontl-background-color {
  background: var(--cfontl-lock) !important;
}
.tf-buttons .has-background.has-cfontd-background-color {
  background: var(--cfontd-lock) !important;
}
.tf-buttons .has-background.has-clink-background-color {
  background: var(--clink-lock) !important;
}
@media only screen and (max-width: 1500px) {
  .tf-buttons {
    --page-horpadding: 48px;
  }
}
@media only screen and (max-width: 1360px) {
  .tf-buttons {
    --page-horpadding: 42px;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --page-horpadding: 38px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --page-horpadding: 28px;
  }
}
@media only screen and (max-width: 1360px) {
  .tf-buttons {
    --box-padding: 32px;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --box-padding: 28px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --box-padding: 24px;
  }
}
@media only screen and (max-width: 1360px) {
  .tf-buttons {
    --box-margin: 32px;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --box-margin: 32px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --box-margin: 28px;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --bigradius: 22px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --bigradius: 16px;
  }
}
@media only screen and (max-width: 1040px) {
  .tf-buttons {
    --smallradius: 6px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --smallradius: 5px;
  }
}
@media only screen and (max-width: 760px) {
  .tf-buttons {
    --wp--preset--spacing--20: 15px;
    --wp--preset--spacing--30: 20px;
    --wp--preset--spacing--40: 25px;
    --wp--preset--spacing--50: 30px;
    --wp--preset--spacing--60: 40px;
    --wp--preset--spacing--70: 45px;
    --wp--preset--spacing--80: 50px;
  }
}
.tf-buttons .tf-buttons_inner {
  width: 100%;
}
.tf-buttons .tf-buttons_inner .btn {
  margin: 8px 20px 8px 0;
}
@media only screen and (max-width: 580px) {
  .tf-buttons .tf-buttons_inner .btn {
    width: 100%;
    margin: 10px 0px;
  }
}
.acf-block-preview .tf-buttons .btn {
  text-decoration: none !important;
  pointer-events: none;
}