.elementor-2216 .elementor-element.elementor-element-f0421e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-page-title .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-2216 .elementor-element.elementor-element-73e3334{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-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-2216 .elementor-element.elementor-element-963037e{text-align:center;}.elementor-2216 .elementor-element.elementor-element-ccc5645{text-align:center;}.elementor-2216 .elementor-element.elementor-element-0413f43{text-align:center;}.elementor-2216 .elementor-element.elementor-element-aef259c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2216 .elementor-element.elementor-element-2e6e1a3{text-align:center;}.elementor-2216 .elementor-element.elementor-element-63168a9{text-align:center;}.elementor-2216 .elementor-element.elementor-element-1a236a7{text-align:center;}.elementor-2216 .elementor-element.elementor-element-2c9b437{text-align:center;}.elementor-2216 .elementor-element.elementor-element-d237750{text-align:center;}.elementor-2216 .elementor-element.elementor-element-5049849{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2216 .elementor-element.elementor-element-1884a5f{text-align:center;}.elementor-2216 .elementor-element.elementor-element-f093c54{--display:flex;}.elementor-2216 .elementor-element.elementor-element-857efde{--display:flex;}.elementor-2216 .elementor-element.elementor-element-3b78eca{--display:flex;}.elementor-2216 .elementor-element.elementor-element-e425658{--display:flex;}.elementor-2216 .elementor-element.elementor-element-7f436a4{--display:flex;}.elementor-2216 .elementor-element.elementor-element-b0437cd{--display:flex;}.elementor-2216 .elementor-element.elementor-element-9ab9ac7{--n-accordion-title-font-size:1,75rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FF6DB4;--n-accordion-title-hover-color:var( --e-global-color-8b18014 );--n-accordion-icon-size:15px;}.elementor-2216 .elementor-element.elementor-element-f14231b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2216 .elementor-element.elementor-element-3bf8faf{text-align:center;}/* Start custom CSS for html, class: .elementor-element-a9b33f3 *//* ===============================
   UFAWORLD GLOW BUTTONS
   ขนาดพอดี + ใส่ลิงก์ได้
================================ */

.ufa-btn-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  padding: 16px 0;
}

/* ปุ่มหลัก */
.ufa-glow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 260px;
  height: 56px;
  padding: 0 34px;

  border-radius: 7px;
  overflow: hidden;

  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;

  z-index: 1;

  box-shadow:
    0 0 12px rgba(255, 255, 255, 0.22),
    0 0 18px rgba(255, 220, 160, 0.25);

  transition: transform 0.25s ease, filter 0.25s ease;
}

/* สีปุ่มเข้าสู่ระบบ */
.ufa-login {
  background: linear-gradient(135deg, #ff2f86, #ff3f98);
}

/* สีปุ่มสมัคร */
.ufa-register {
  background: linear-gradient(135deg, #ffa02f, #ffb34a);
}

/* ไฟวิ่งรอบปุ่ม */
.ufa-glow-btn::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 10px;
  z-index: -2;

  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 55deg,
    #fff7d6 90deg,
    #ffffff 120deg,
    #ffe7a3 150deg,
    transparent 190deg,
    transparent 360deg
  );

  animation: ufa-light-spin 2.2s linear infinite;
}

/* กันไฟทับพื้นปุ่ม */
.ufa-glow-btn::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 5px;
  z-index: -1;
  background: inherit;
}

/* แสงปาดบนปุ่ม */
.ufa-login,
.ufa-register {
  background-size: 230% 100%, 100% 100%;
  animation: ufa-btn-shine 3s ease-in-out infinite;
}

.ufa-login {
  background-image:
    linear-gradient(
      120deg,
      transparent 0%,
      transparent 38%,
      rgba(255, 255, 255, 0.6) 50%,
      transparent 62%,
      transparent 100%
    ),
    linear-gradient(135deg, #ff2f86, #ff3f98);
}

.ufa-register {
  background-image:
    linear-gradient(
      120deg,
      transparent 0%,
      transparent 38%,
      rgba(255, 255, 255, 0.6) 50%,
      transparent 62%,
      transparent 100%
    ),
    linear-gradient(135deg, #ffa02f, #ffb34a);
}

.ufa-glow-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

@keyframes ufa-light-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes ufa-btn-shine {
  0% {
    background-position: 160% 0, 0 0;
  }

  55% {
    background-position: -80% 0, 0 0;
  }

  100% {
    background-position: -80% 0, 0 0;
  }
}

/* มือถือ */
@media (max-width: 768px) {
  .ufa-btn-area {
    gap: 12px;
    padding: 12px 10px;
  }

  .ufa-glow-btn {
    min-width: 160px;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
  }
}/* End custom CSS */