.codreox-btn-3 {
  --btn-bg: transparent;
  --btn-text: #ffffff;
  --btn-border: #ffffff;

  --btn-hover-bg: #ffffff;
  --btn-hover-text: #000000;
  --btn-hover-border: #ffffff;

  --anim-color: #ffffff;
}

/* =========================
   BUTTON BASE
========================= */

.codreox-btn-3 .elementor-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 1;

  background: var(--btn-bg);
  color: var(--btn-text);
  border: 2px solid var(--btn-border);
  border-radius: 0;
  transition: all 0.4s ease;
}

/* =========================
   ANIMATION SHAPES
========================= */

.codreox-btn-3 .elementor-button::before,
.codreox-btn-3 .elementor-button::after {
  content: "";
  position: absolute;
  background: var(--anim-color);
  transition: 0.4s ease;
  z-index: -1;
  pointer-events: none;
}

.codreox-btn-3 .elementor-button::before {
  width: 100px;
  height: 200px;
  top: -150%;
  left: -120%;
  transform: rotate(35deg);
}

.codreox-btn-3 .elementor-button::after {
  width: 200px;
  height: 200px;
  top: 10%;
  left: 120%;
  transform: rotate(125deg);
}

/* =========================
   HOVER
========================= */

.codreox-btn-3 .elementor-button:hover,
.codreox-btn-3 .elementor-button:focus {
  background: var(--btn-hover-bg);
  color: var(--btn-hover-text);
  border-color: var(--btn-hover-border);
  border-radius: 0;
}

.codreox-btn-3 .elementor-button:hover::before,
.codreox-btn-3 .elementor-button:focus::before {
  left: -10%;
}

.codreox-btn-3 .elementor-button:hover::after,
.codreox-btn-3 .elementor-button:focus::after {
  left: 30%;
}

/* text always stays above shapes */
.codreox-btn-3 .elementor-button .elementor-button-text {
  position: relative;
  z-index: 2;
}

/* box css start */
.blur-box {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
}

/*Box css end */

/* form css start */

.nf-form-fields-required {
    display: none !important;
}

input#nf-field-5 {
    border-radius: 0px !important;
}
input#nf-field-6 {
    border-radius: 0px !important;
}
input#nf-field-7 {
    border-radius: 0px !important;
}
input#nf-field-8 {
    border-radius: 0px !important;
}
textarea#nf-field-9 {
    border-radius: 0px !important;
}
input#nf-field-10 {
    background-color: #000000 !important;
}
#form h3 {
    display: none !important;
}

/* form css end */