.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-32897dd4 */.vchb1-btn.vchb1-btn-special {
  position: relative;
  display: inline-flex;
  align-items: center; /* Ensures vertical centering */
  justify-content: center;
  padding: 12px 49px; /* Adjusted padding */
  font-size: 16px; /* Ensures text readability */
  line-height: 1; /* Ensures vertical alignment */
  color: #C3C3C3; /* Default text color */
  background-color: transparent;
  border: 1px solid #54595f; /* Default border color */
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Barlow Condensed", Sans-serif;
  font-size: 1em;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.vchb1-btn-text {
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* Default SVG lines color */
.vchb1-btn.vchb1-btn-special svg polyline {
  stroke: #54595f;
  transition: stroke 0.3s ease-in-out;
}

/* Hover Effects - Change border and SVG lines to yellow */
.vchb1-btn.vchb1-btn-special:hover {
  color: #C3C3C3 !important;
  border-color: #fcbd4c !important;
}

.vchb1-btn.vchb1-btn-special:hover svg polyline {
  stroke: #fcbd4c !important;
}

/* SVG Positioning */
.vchb1-btn.vchb1-btn-special svg {
  position: absolute;
  bottom: 0;
  width: auto;
  height: 100%;
}

.vchb1-btn.vchb1-btn-special svg.vchb1-sb-left {
  left: 0;
}

.vchb1-btn.vchb1-btn-special svg.vchb1-sb-right {
  right: 0;
  transform: rotate(180deg);
}

/* Animates the Xs */
.vchb1-btn.vchb1-btn-special svg polyline:nth-child(3),
.vchb1-btn.vchb1-btn-special svg polyline:nth-child(4) {
  stroke-dashoffset: 57;
  stroke-dasharray: 57;
}

/* Hover Effects - Expanding Xs */
.vchb1-btn.vchb1-btn-special.vchb1-btn-animation-in svg polyline:nth-child(3),
.vchb1-btn.vchb1-btn-special.vchb1-btn-animation-in svg polyline:nth-child(4) {
  animation: in 1s forwards;
}

@keyframes in {
  0% { stroke-dashoffset: 57; }
  100% { stroke-dashoffset: 0; }
}

/* Hover Off - Shrinking Xs */
.vchb1-btn.vchb1-btn-special.vchb1-btn-animation-out svg polyline:nth-child(3),
.vchb1-btn.vchb1-btn-special.vchb1-btn-animation-out svg polyline:nth-child(4) {
  animation: out 1s backwards;
}

@keyframes out {
  100% { stroke-dashoffset: 57; }
  0% { stroke-dashoffset: 0; }
}
}/* End custom CSS */