.elementor-19 .elementor-element.elementor-element-341eab5{--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-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-19 .elementor-element.elementor-element-3f0d03c{text-align:start;}.elementor-19 .elementor-element.elementor-element-3f0d03c .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;color:#FFFFFF;}/* Start custom CSS for heading, class: .elementor-element-3f0d03c *//* CONTAINER */
.hsk-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

/* BUTTON CHÍNH */
.hsk-btn {
  position: relative;
  padding: 14px 26px;
  border-radius: 40px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  overflow: hidden;
  z-index: 1;
  min-width: 110px;
  text-align: center;
  transition: 0.3s;
}

/* NỀN GLASS */
.hsk-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 40px;
  background: rgba(0, 20, 50, 0.85);
  backdrop-filter: blur(10px);
  z-index: -1;
}

/* VIỀN ÁNH SÁNG CHẠY */
.hsk-btn::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 40px;
  background: conic-gradient(
    from 0deg,
    transparent,
    #00eaff,
    transparent,
    #00eaff,
    transparent
  );
  animation: spin 3s linear infinite;
  z-index: -2;
}

/* HIỆU ỨNG HOVER */
.hsk-btn:hover {
  transform: translateY(-4px) scale(1.08);
  box-shadow:
    0 0 15px rgba(0,234,255,0.8),
    0 0 40px rgba(0,234,255,0.6),
    0 0 80px rgba(0,234,255,0.4);
}

/* CLICK ĐÃ TAY */
.hsk-btn:active {
  transform: scale(0.95);
}

/* ANIMATION */
@keyframes spin {
  100% { transform: rotate(360deg); }
}

/* ===== MÀU LEVEL ===== */

.hsk1::before {
  background: conic-gradient(from 0deg, transparent, #00ffcc, transparent);
}

.hsk2::before {
  background: conic-gradient(from 0deg, transparent, #00eaff, transparent);
}

.hsk3::before {
  background: conic-gradient(from 0deg, transparent, #00aaff, transparent);
}

.hsk4::before {
  background: conic-gradient(from 0deg, transparent, #0077ff, transparent);
}

.hsk5::before {
  background: conic-gradient(from 0deg, transparent, #5a00ff, transparent);
}

.hsk6::before {
  background: conic-gradient(from 0deg, transparent, #9d00ff, transparent);
}

/* TEXT */
.hsk-btn span {
  position: relative;
  z-index: 2;
}

/* MOBILE SIÊU ĐẸP */
@media (max-width: 768px) {
  .hsk-btn {
    padding: 12px 18px;
    font-size: 14px;
    min-width: 90px;
  }
}/* End custom CSS */