.cdp_block {
    --main-color: #333;

    border: 4px solid var(--main-color);
    font-size: 36px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    color: #333;
    width: 465px;
}

a.cdp_block_link {
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
}


.cdp_arrow {
    --side_length: 32px;

    width: calc(var(--side_length) * cos(30deg));
    height: var(--side_length);

    background: var(--main-color);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    margin-right: 13px;
}


/* カラーバリエーション */
/* blue */
.cdp_block.theme-blue {
    --main-color: #0404FF;
}

/* pink */
.cdp_block.theme-pink {
    --main-color: #FF8EC5;
}

/* orange */
.cdp_block.theme-orange {
    --main-color: #FF8E04;
}

/* green */
.cdp_block.theme-green {
    --main-color: #045C2E;
}

/* red */
.cdp_block.theme-red {
    --main-color: #c32205;
}

/* cyan */
.cdp_block.theme-cyan {
    --main-color: cyan ;
}