.ws-note-block-text > *:last-child {
    margin-bottom: 0
}
.ws-note-block {
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--border);
    background: var(--hd-ft-bg);
    color: var(--title-color);
    box-shadow: 0px 1px 2px 0px var(--shadow);
    margin-bottom: 1.5rem;
}
.ws-note-block .ws-note-block-title {
    position: relative;
    margin-bottom: 1rem
}
.ws-note-block .ws-note-block-title:before {
    content: '';
    font-family: 'vipbit' !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: .25rem;
    flex-shrink: 0;
    margin-right: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    border-radius: 100%;
    border: 2px solid transparent;
}
.ws-note-block.type-bubl .ws-note-block-title:before {
    content: '\e914';
    color: var(--yellow);
    background-color: rgba(248,137,1, .25);
    box-shadow: 0 0 0 6px rgba(248,137,1, .1);
}
.ws-note-block.type-info .ws-note-block-title:before {
    content: '\e913';
    color: var(--green);
    background-color: rgba(23,178,106, .25);
    box-shadow: 0 0 0 6px rgba(23,178,106, .1);
}
.ws-note-block.type-attention  .ws-note-block-title:before {
    content: '\e912';
    color: red;
    background-color: rgba(255,0,0, .25);
    box-shadow: 0 0 0 6px rgba(255,0,0, .1);
}