/* The Hub — Things to Do button presentation.
   Signed-in Things to Do uses real buttons so selections can replace the Feed panel
   without navigating away. Preserve the same premium discovery-card treatment that
   previously applied only to anchor elements. */

.hub-discovery-rail__grid > button {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    min-height: 66px;
    padding: 10px 11px;
    border: 1px solid rgba(203, 166, 87, .27);
    border-radius: 12px;
    background: linear-gradient(125deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
    color: #ddd2bb;
    text-align: left;
    font: inherit;
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.11);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.hub-discovery-rail__grid > button:hover,
.hub-discovery-rail__grid > button:focus-visible {
    transform: translateX(3px) translateY(-1px);
    border-color: rgba(226, 188, 101, .62);
    background: linear-gradient(125deg, rgba(172,130,45,.18), rgba(255,255,255,.03));
    color: #eee0be;
    box-shadow: 0 14px 30px rgba(0,0,0,.3), inset 0 1px rgba(255,245,213,.06);
    outline: none;
}

.hub-discovery-rail__grid > button.active,
.hub-discovery-rail__grid > button[aria-pressed="true"] {
    border-color: rgba(231, 195, 111, .76);
    background: linear-gradient(125deg, rgba(178,134,43,.24), rgba(255,255,255,.04));
    box-shadow: inset 3px 0 #c8a45b, 0 13px 30px rgba(0,0,0,.28);
}

.hub-discovery-rail__grid > button .hub-discovery-rail__mark {
    grid-row: 1 / 3;
}

.hub-discovery-rail__grid > button .hub-discovery-rail__copy {
    text-align: left;
}