賢威のお客様の声のデザインをカスタマイズする方法

/* 単色 */
.voice_styl04 {
background-color: #fef2fe;
}
.voice_styl04.voice-box .voice_title {
color: #3a008a;
}

/* 斜線 */
.voice_styl05 {
background-image: linear-gradient(-45deg, #fff 25%, #fef2fe 25%, #fef2fe 50%, #fff 50%, #fff 75%, #fef2fe 75%, #fef2fe);
background-size: 4px 4px;
background-repeat: repeat;
}
.voice_styl05.voice-box .voice_title {
color: #3a008a;
}

/* グラデーション */
.voice_styl06 {
background: linear-gradient(to bottom, #fff, #fef2fe);
border: solid 2px #fef2fe;
}
.voice_styl06.voice-box .voice_title {
color: #3a008a;
}

<div class="voice-box voice_styl01">

/* グラデーション角丸（緑） */
.voice_styl07 {
background: linear-gradient(to bottom, #fff 30%, #d4fcfe);
border: solid 2px #00858a;
border-radius: 20px;
box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15);
}
.voice_styl07.voice-box .voice_title {
color: #00858a;
}

/* グラデーション角丸（ピンク） */
.voice_styl08 {
background: linear-gradient(to bottom, #fff 20%, #fef2fe);
border: solid 2px #fd78fd;
border-radius: 20px;
box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15);
}
.voice_styl08.voice-box .voice_title {
color: #3a008a;
}