/* Got it card: a dismissible note card and its Got it button (templates/pocket/_got_it_card.html).
   Drawn by the pocket-home tip of the day and the Exchange welcome card. The shared card look
   (docs/features/POCKET_PAGE_TOPS.md goal 6, as .pocket-ledger): the card radius and shadow, no border. */
.pocket-got-it-card {
    display: flex;
    align-items: flex-start;
    gap: var(--pocket-space-sm);
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 var(--pocket-space-lg) 0;
    padding: var(--pocket-space-md);
    background: var(--pocket-card-bg);
    border-radius: var(--pocket-card-radius);
    box-shadow: var(--pocket-card-shadow);
    overflow-wrap: anywhere;
}

.pocket-got-it-body {
    flex: 1;
    min-width: 0;
}

.pocket-got-it-form {
    margin: 0;
    flex-shrink: 0;
}

.pocket-got-it-dismiss {
    background: none;
    border: none;
    color: var(--pocket-text-secondary);
    font-size: var(--pocket-font-size-sm);
    font-weight: 600;
    line-height: 1;
    min-width: var(--pocket-target-min);
    min-height: var(--pocket-target-min);
    padding: var(--pocket-space-xs) var(--pocket-space-sm);
    cursor: pointer;
}