.a-base-card {
    align-items: center;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 64px;
    padding: 12px;
    width: 100%;
    color: #000;
}
.a-base-card,
.a-base-card:active,
.a-base-card:focus {
    background-color: #fff;
}
.a-base-card .icon {
    background-color: #9c9da4;
    border-radius: 50%;
    color: #fff;
    height: var(--a-base-card-icon-size, 40px);
    width: var(--a-base-card-icon-size, 40px);
}
.a-base-card .body {
    flex: 1;
    text-align: left;
}
.a-base-card .action {
    text-align: right;
}
.a-base-card.-disabled {
    background-color: #f2f3f4;
}
.a-base-card.-disabled .icon {
    filter: grayscale(1);
}