.tool-card {
    padding: 6%;
    border-radius: var(--border-radius-card);
    background-color: var(--color-brand);
    color: var(--color-text);
    border: 1px solid #000;
    width: 100%;
    cursor: pointer;

    &__button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--space-xs-x);
    }

    &__title {
        margin: 0;
        font-weight: var(--font-weight-light);
        text-align: left;
        color: var(--color-text);
    }

    &__substep {
        font-size: var(--font-size-m);
        color: var(--color-dark-blue);
        text-align: right;
    }
}