.guided-assistance-categories .browse-categories-text {
    display: block;
    margin: 0.5rem 0 1.5rem 0;
}

.guided-assistance-categories .category-card {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    padding: 8px 16px;
    font-size: 48px; /* Used for category icon size */
}

.guided-assistance-categories .category-image {
    width: 48px;
    height: 48px;
}

.guided-assistance-categories .category-buttons a,
.guided-assistance-categories .category-buttons a:hover {
    text-decoration: none;
}

.guided-assistance-categories .category-buttons {
    display: grid;
    gap: 0.25rem;
}

@media only screen and (min-width: 1024px) {
    :root {
        /* Default to auto-sizing category columns. */
        --col-count: auto-fit;
    }

    .guided-assistance-categories .category-buttons {
        grid-template-columns: repeat(var(--col-count), minmax(180px, 1fr));
        justify-content: center;
        gap: 1rem;
    }

    .guided-assistance-categories .category-card {
        height: unset;
        flex-direction: column;
        align-items: center;
        padding: 40px 32px 18px 32px;
        font-size: 80px; /* Used for category icon size */
    }

    .guided-assistance-categories .category-image {
        width: 80px;
        height: 80px;
    }

    .guided-assistance-categories .category-text {
        text-align: center;
        height: 45px;
    }
}