.elementor-4079 .elementor-element.elementor-element-539cbdf{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4079 .elementor-element.elementor-element-4f22e13{text-align:center;}.elementor-4079 .elementor-element.elementor-element-4f22e13 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-4079 .elementor-element.elementor-element-7897de4{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-4079 .elementor-element.elementor-element-7897de4:not(.elementor-motion-effects-element-type-background), .elementor-4079 .elementor-element.elementor-element-7897de4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#40405E;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4079 .elementor-element.elementor-element-42be95e > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-4079 .elementor-element.elementor-element-42be95e{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-4079 .elementor-element.elementor-element-f529f59 > .elementor-widget-container{margin:0px 300px 0px 300px;}.elementor-4079 .elementor-element.elementor-element-3fd02d7 > .elementor-widget-container{margin:0px 300px 15px 300px;}body.elementor-page-4079:not(.elementor-motion-effects-element-type-background), body.elementor-page-4079 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323242;}@media(max-width:767px){.elementor-4079 .elementor-element.elementor-element-539cbdf{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4079 .elementor-element.elementor-element-4f22e13 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4079 .elementor-element.elementor-element-4f22e13 .elementor-heading-title{font-size:30px;}.elementor-4079 .elementor-element.elementor-element-7897de4{--border-radius:10px 10px 10px 10px;}.elementor-4079 .elementor-element.elementor-element-42be95e > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-4079 .elementor-element.elementor-element-42be95e{text-align:center;font-size:16px;}.elementor-4079 .elementor-element.elementor-element-f529f59 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4079 .elementor-element.elementor-element-3fd02d7 > .elementor-widget-container{margin:0px 0px 10px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-f529f59 *//* Unlock Button Styles */
#unlock-button {
  background-color: #F4F4F4;
  color: #000000;
  padding: 15px;
  border: none;
  font-family: poppins;
  font-size: 20px;
  width: 100%;
  position: relative;
  border-radius: 100px;
  border-bottom: 5px solid #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box; /* Ensure padding does not cause overflow */
}

/* Container for the button content (image + text) */
#unlock-button .button-content {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 15px; /* Ensures space between image and text */
}

/* Image Styles */
#unlock-button .button-image {
  width: 40px;
  height: 40px;
  object-fit: cover; /* Ensures image fits inside the bounds */
  border-radius: 50%;
  flex-shrink: 0; /* Prevent image from shrinking */
}

/* Button Text */
#unlock-button .button-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align text to the left */
}

#unlock-button .button-title {
  font-weight: bold;
}

#unlock-button .button-description {
  font-size: 14px;
  color: #666;
  margin-top: 8px; /* Increased margin to add space between title and description */
  text-align: left; /* Explicitly align description to the left */
}

/* Button States */
#unlock-button.waiting_button {
  border-bottom: 5px solid #F4F4F4 !important;
}

#unlock-button.completed_button {
  border-bottom: 4px solid #2ec94f !important;
}

#unlock-button.closed_button {
  border-bottom: 5px solid #FF0000;
}

/* Spinner Animation */
#unlock-button::before {
  content: "\279C";
  font-size: 32px;
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
}

#unlock-button.waiting_button::before {
  content: "";
  animation: spin 0.8s linear infinite;
  width: 32px;
  height: 32px;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-radius: 50%;
}

#unlock-button.completed_button::before {
  content: "\2714";
}

#unlock-button.closed_button::before {
  content: "\21BB";
}

/* Spinner animation */
@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* Mobile Optimization */
@media (max-width: 767px) {
  #unlock-button {
    font-size: 16px;
    padding: 10px;
  }

  #unlock-button .button-image {
    width: 40px;
    height: 40px;
  }

  #unlock-button .button-text .button-title {
    font-size: 15px;
  }

  #unlock-button .button-description {
    font-size: 12px;
  }

  #unlock-button::before,
  #unlock-button.closed_button::before {
    font-size: 23px;
    right: 14px;
  }

  #unlock-button.completed_button::before {
    color: #000000;
    background-color: #F4F4F4 !important;
  }

  #unlock-button.waiting_button::before {
    width: 23px;
    height: 23px;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3fd02d7 */#button-locked-nick-199 {
  background-color: transparent;
  color: #F4F4F4;
  background-color: #2ec94f;
  border: solid 1px;
  border-radius: 100px;
  border-color: #F4F4F4 !important;
  padding: 15px;
  border-color: #2ec94f;
  font-size: 20px;
  font-family: poppins;
  width: 100%;
  position: relative;
  transition: background-color 0.3s ease;
  display: block !important;
  margin: 0 auto !important;
}

#button-locked-nick-199:disabled {
  background-color: transparent;
  color: #B4B4B4;
  border-color: #B4B4B4 !important;
  cursor: not-allowed;
  animation: border-loading-nick 1.5s infinite linear; /* Loading animation */
}

/* Loading animation effect for the border */
@keyframes border-loading-nick {
  0% {
    border-color: #B4B4B4;
  }
  50% {
    border-color: #2ec94f; /* Back-and-forth color effect */
  }
  100% {
    border-color: #B4B4B4;
  }
}

@media (max-width: 767px) {
  #button-locked-nick-199 {
    font-size: 18px;
    width: 100%;
  }
}/* End custom CSS */