/* Google News follow button — standalone (không phụ thuộc Tailwind) */
.gnews-follow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  height: 36px;
  padding: 0 16px 0 12px;
  border-radius: 9999px;
  text-decoration: none;
  color: #70757a;
  font-family: "Google Sans", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(
      95deg,
      #ea4335 0%,
      #fbbc04 22%,
      #4285f4 48%,
      #9b59b6 68%,
      #34a853 88%,
      #fbbc04 100%
    ) border-box;
  border: 1.5px solid transparent;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
  transition: box-shadow 0.2s ease, transform 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}

.gnews-follow:hover {
  box-shadow: 0 2px 8px rgba(60, 64, 67, 0.16);
  color: #5f6368;
}

.gnews-follow:active {
  transform: scale(0.98);
}

.gnews-follow:focus-visible {
  outline: 2px solid #4285f4;
  outline-offset: 2px;
}

.gnews-follow__icon {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.gnews-follow__text {
  display: inline;
}

.gnews-follow__brand {
  font-style: italic;
  font-weight: 500;
  color: #70757a;
}

@media (max-width: 480px) {
  .gnews-follow {
    font-size: 13px;
    padding: 8px 14px 8px 12px;
    gap: 8px;
    white-space: normal;
  }

  .gnews-follow__icon {
    width: 16px;
    height: 16px;
  }
}