/* Nút "Thêm ... trên Google" (google.com/preferences/source).
   Viết CSS thường vì bản Tailwind của theme là build đã purge, không rebuild được. */

.gnews-follow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border: 1px solid transparent;
    border-radius: 9999px;
    background-image:
        linear-gradient(#fff, #fff),
        linear-gradient(90deg,
            rgba(251, 188, 5, .9) 0%,
            rgba(234, 67, 53, .55) 30%,
            rgba(66, 133, 244, .45) 65%,
            rgba(52, 168, 83, .6) 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #5f6368;
    font-size: 13px;
    line-height: 1.35;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: box-shadow .2s ease, color .2s ease;
}

.gnews-follow:hover {
    color: #202124;
    box-shadow: 0 1px 4px rgba(60, 64, 67, .18);
}

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

.gnews-follow__logo {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.gnews-follow__brand {
    font-style: italic;
}

/* Đẩy nút về cuối hàng meta trên màn hình rộng */
@media (min-width: 768px) {
    .gnews-follow--end {
        margin-left: auto;
    }
}