.css-arrow-list {
    list-style: none;
    padding: 0;
    margin: 0;
    /*max-width: 420px;*/
    max-width: 520px;
}

.css-arrow-list li {
    position: relative;
    /*padding: 12px 14px 12px 34px;*/ /* leave room for the arrow */
    padding: 2px 10px 2px 28px; /* padding: 8px 10px 8px 28px; leave room for the arrow */
    margin-bottom: 2px; /* 8px*/
    /*background: #fff;*/
    border-radius: 8px;
    /*box-shadow: 0 1px 3px rgba(0,0,0,.06);*/
}

/* create the arrow with borders (right-pointing) */
.css-arrow-list li::before {
    content: "";
    position: absolute;
    left:12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    /*border-left: 10px solid #007bff;*/ /* arrow color */
    border-left: 10px solid #009900;
}

.css-arrow-list a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.css-arrow-list a:hover {
    /*color: #007bff;*/
    color: #007bff;
}