.elementor-646 .elementor-element.elementor-element-9f923a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-646 .elementor-element.elementor-element-9f923a1{--width:fit-content;}}/* Start custom CSS for button, class: .elementor-element-c255767 */.liquid-border {
  --ring: 2px;                  /* ضخامت حاشیه */
  position: relative;
  overflow: visible !important;
  background: transparent;
  border-radius: 24px;          /* هر چی اینجا بدی، همون روی حلقه اعمال میشه */
}

.liquid-border .liquidweb__backdrop { z-index: 0; }
.liquid-border .liquidweb__content  { position: relative; z-index: 2; }

/* حاشیه شیشه‌ای با ماسک مستطیلی دقیق */
.liquid-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;

  /* ساخت «نوار» = border-box منهای content-box */
  padding: var(--ring);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box;
  -webkit-mask-composite: xor;          /* Safari/WebKit */
          mask-composite: exclude;       /* Spec/Chromium */

  /* افکت شیشه‌ای و رنگی */
  -webkit-backdrop-filter: saturate(140%) brightness(1.07);
          backdrop-filter: saturate(140%) brightness(1.07);

  animation: liquidRingShine 3s linear infinite;
}

/*Fallback وقتی backdrop-filter پشتیبانی نشه*/
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  .liquid-border::before {
    -webkit-mask: none;
            mask: none;
    background: transparent;
    box-shadow: 0 0 0 var(--ring) #fff;
    mix-blend-mode: difference;
  }
}

@keyframes liquidRingShine {
  0%,100% { backdrop-filter: saturate(140%) brightness(1.00); }
  50%     { backdrop-filter: saturate(155%) brightness(1.14); }
}/* End custom CSS */