.lgv-btn,
.lgv-btn:link,
.lgv-btn:visited {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 6px;                    /* Space between icon & text */
    padding: 10px 13px!important;
    margin-bottom: 10px;
    background: #3a3c41;         /* Dark grey (default) */
    color: #ffffff !important;   /* Override Elementor link styles */
    font-weight: 600!important;
    font-size: 15px!important;
    text-decoration: none!important;
    border-radius: 10px!important;
    line-height: 1!important;
    border: none!important;
    transition: background 0.25s ease, color 0.25s ease;
    width: auto!important;
    cursor: pointer!important;
}

/* Fix the giant SVG */
.lgv-btn svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    flex-shrink: 0;
    display: inline-block;
    fill: currentColor !important;  /* ensures icon follows text color */
    vertical-align: middle;
}

/* Hover state (lavender) */
.lgv-btn:hover {
    background: #b389bb;          /* Lavender */
    color: #ffffff !important;
}

.warn-box {
  display: block;
  width: 100%;
  background: #fff7d6;
  border-left: 4px solid #f0ad4e;
  padding: 12px 14px;
  margin-top: 8px;
  margin-bottom: 6px;
  border-radius: 4px;

  font-size: 0.9rem;
  line-height: 1.45;
  color: #856404;

  animation: warnFade 0.3s ease-out;
}

.warn-box strong {
  color: #b01717;
  font-weight: 600;
}