/* =====================================================
   SYLICONVALLEY BUTTONS
===================================================== */

/* Base */
.sv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px 28px;
  border-radius: var(--sv-radius-pill);
  border: 1px solid transparent;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  text-decoration: none;
  cursor: pointer;
  transition:
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    transform .28s ease;
}

.sv-btn span {
  display: inline-flex;
  transition: transform .28s ease;
}

.sv-btn:hover {
  transform: translateY(-2px);
}

.sv-btn:hover span {
  transform: translateX(4px);
}

/* Light button */
.sv-btn-white {
  background: #fff;
  color: #111;
  border-color: #fff;
}

.sv-btn-white:hover {
  background: var(--sv-turquoise);
  border-color: var(--sv-turquoise);
  color: #111;
}

/* Dark button */
.sv-btn-dark {
  background: #111;
  color: #fff;
  border-color: #111;
}

.sv-btn-dark:hover {
  background: var(--sv-turquoise);
  border-color: var(--sv-turquoise);
  color: #111;
}

/* Outline button */
.sv-btn-outline {
  background: transparent;
  color: #111;
  border-color: #111;
}

.sv-btn-outline:hover {
  background: #111;
  color: #fff;
}


/* Section CTA — flip */
a.sv-section-btn,
a.sv-section-btn:visited,
a.sv-section-btn:focus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 44px !important;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

a.sv-section-btn * {
  color: inherit !important;
}

a.sv-section-btn .sv-section-btn-track {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

a.sv-section-btn .sv-section-btn-line {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: translateY(0);
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}

a.sv-section-btn .sv-section-btn-line:nth-child(2) {
  transform: translateY(100%);
}

a.sv-section-btn:hover {
  background: #79CFD2 !important;
  border-color: #79CFD2 !important;
  color: #111 !important;
  transform: translateY(-2px);
}

a.sv-section-btn:hover .sv-section-btn-line:nth-child(1) {
  transform: translateY(-100%);
}

a.sv-section-btn:hover .sv-section-btn-line:nth-child(2) {
  transform: translateY(0);
}

/* =====================================================
   ELEMENTOR SECTION CTA
===================================================== */

.sv-section-btn .elementor-button {
  background: #ffffff !important;
  color: #111 !important;
  border: 1px solid #ffffff !important;
  border-radius: 999px !important;

  padding: 14px 24px !important;

  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  transition:
    background .35s cubic-bezier(.22,1,.36,1),
    color .35s cubic-bezier(.22,1,.36,1),
    border-color .35s cubic-bezier(.22,1,.36,1),
    transform .35s cubic-bezier(.22,1,.36,1) !important;
}

.sv-section-btn .elementor-button:hover {
  background: #79CFD2 !important;
  color: #111 !important;
  border-color: #79CFD2 !important;
  transform: translateY(-2px);
}