.header-actions .text-action {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 16px;
  color: var(--ink);
  background: var(--teal);
  border-radius: 3px;
  font-weight: 700;
}

.header-actions .text-action:hover {
  color: var(--ink);
  background: #9ff7e6;
  transform: translateY(-2px);
}

@media (max-width: 760px) {
  .header-actions .text-action {
    display: inline-flex !important;
    padding: 8px 11px;
    font-size: 12px;
  }
}