/*
 * The save control on a hook reference page.
 *
 * Its own file because members.css is enqueued only on the member account
 * route, and this control renders inside somebody else's page header. Loading
 * the whole account stylesheet on every hook page to style one button would be
 * the wrong trade.
 *
 * Deliberately quiet: it sits beside the compare and print actions and should
 * read as one of them, not as an advertisement.
 */
.gw-member-favorite {
    margin: 10px 0 0;
}

.gw-member-favorite__form {
    margin: 0;
}

.gw-member-favorite__button {
    display: inline-block;
    background: #17302c;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 8px 14px;
    font: inherit;
    line-height: 1.2;
    cursor: pointer;
}

.gw-member-favorite__button:hover,
.gw-member-favorite__button:focus-visible {
    background: #23443e;
}

/* Saved state carries a colour change and aria-pressed, never colour alone. */
.gw-member-favorite__button[aria-pressed="true"] {
    background: #347a52;
}

.gw-member-favorite__prompt {
    margin: 0;
    font-size: 14px;
}

.gw-member-favorite__notice {
    margin: 0 0 6px;
    color: #347a52;
    font-size: 13px;
}