.sv-survey-hook {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin: 8px 0 0;
  padding: 8px 14px;
  border: 1px solid rgba(201, 169, 97, 0.38);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(201, 169, 97, 0.14), rgba(201, 169, 97, 0.04));
  color: var(--text, #efe6d5);
  font-size: calc(12.5px * var(--fs, 1));
  line-height: 1.5;
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease;
}

.sv-survey-hook:hover {
  border-color: rgba(201, 169, 97, 0.68);
  background: linear-gradient(90deg, rgba(201, 169, 97, 0.22), rgba(201, 169, 97, 0.07));
}

.sv-survey-hook::after {
  content: "→";
  flex: 0 0 auto;
  color: #c9a961;
  font-weight: 700;
}

.sv-survey-hook > span {
  min-width: 0;
}

@media (max-width: 480px) {
  .sv-survey-hook {
    display: flex;
    padding: 8px 12px;
    font-size: calc(12px * var(--fs, 1));
  }
}