/* Tip of the day (templates/pocket/_tip_of_the_day.html). The card shell and Got it are got-it-card.css. */
.pocket-tip-kicker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pocket-space-sm);
    margin-bottom: var(--pocket-space-xs);
}

.pocket-tip-title {
    margin: 0;
    font-size: var(--pocket-font-size-sm);
    font-weight: 700;
    letter-spacing: 0.2px;
}

.pocket-tip-badge {
    font-size: var(--pocket-font-size-xs);
    font-weight: 600;
    color: var(--pocket-text-secondary);
    background: var(--pocket-border-light);
    border-radius: var(--pocket-radius-full);
    padding: 1px 8px;
}

.pocket-tip-copy {
    margin: 0;
    font-size: var(--pocket-font-size-sm);
    line-height: 1.4;
    color: var(--pocket-text-primary);
}

.pocket-tip-next-form {
    margin: 0 0 0 auto;
    flex-shrink: 0;
}

.pocket-tip-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--pocket-text-secondary);
    min-width: var(--pocket-target-min);
    min-height: var(--pocket-target-min);
    padding: 0;
    cursor: pointer;
}

.pocket-tip-next svg {
    display: block;
}