.SampleListItem {
    align-items: center;
    background: var(--gray-200);
    border: 1px solid var(--gray-400);
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    padding: 5px 15px;

    &-title {
        margin-top: 0;

        &-container {
            flex-grow: 2;
        }
    }

    &-track-name {
        color: var(--gray-800);
        font-size: 12px;
        font-style: italic;
        font-weight: $weight_book;
    }

    &-icon {
        border: 1px solid var(--gray-400);
        border-radius: 3px;
        cursor: pointer;
        height: 30px;
        margin: 0 5px;
        padding: 5px;
    }
}