#site-chart {
   .list {
        display: grid;
        gap: 20px;
        margin-top: 50px;

        .item {
            display: grid;
            background: var(--site-background);
            border-radius: 16px;
            border: 1px solid var(--site-border);
            overflow: hidden;

            .percentage {
                background: linear-gradient(to right, transparent, var(--site-primary));
                display: flex;
                align-items: center;
                padding: 20px 30px;
                box-sizing: border-box;

                .text {
                    font-size: 20px;
                    color: #fff;
                }

                .amount {
                    font-size: 20px;
                    margin-left: auto;
                    color: var(--site-black);
                }
            }
        }
   }
}