.callout-recipes-list {
    padding: 40px 0
}

.callout-recipes-list .recipe-list-headline-group {
    padding: 15px 20px;
    background: var(--wp--preset--color--pink-lightest);
    margin: 0;
    width: fit-content;
    border-radius: 5px 5px 0 0;
    display: flex
}

.callout-recipes-list .recipe-list-section-icon {
    margin-right: 5px
}

.callout-recipes-list .recipe-list-title {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1;
    position: relative;
    border-bottom: 2px solid;
    border-color: var(--wp--preset--color--pink-light);
    padding: 0 0 5px
}

.callout-recipes-list .recipe-list-content {
    border: 2px solid;
    border-radius: 0 10px 10px 10px;
    border-color: var(--wp--preset--color--pink-lightest);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap)
}

.callout-recipes-list .recipes-list-content-group {
    margin: 0 auto 20px;
    gap: 15px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.callout-recipes-list .post-abbr {
    background: var(--wp--preset--color--grey)
}

.callout-recipes-list .post-abbr .abbr-content {
    padding: 20px
}

.callout-recipes-list .post-abbr .term-link {
    display: none
}

.callout-recipes-list .post-abbr h3.article-title {
    margin: 0 0 10px;
    font-size: 1.2rem
}

@media (max-width: 764px) {
    .callout-recipes-list .recipes-list-content-group {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

.callout-recipes-list.block-color-blue .recipe-list-content {
    border-color: var(--wp--preset--color--blue-light)
}

.callout-recipes-list.block-color-gold .recipe-list-content {
    border-color: var(--wp--preset--color--gold-light)
}

.callout-recipes-list.block-color-green .recipe-list-content {
    border-color: var(--wp--preset--color--green-light)
}

.callout-recipes-list.block-color-orange .recipe-list-content {
    border-color: var(--wp--preset--color--orange-light)
}

.callout-recipes-list.block-color-pink .recipe-list-content {
    border-color: var(--wp--preset--color--pink-light)
}

.callout-recipes-list.block-color-purple .recipe-list-content {
    border-color: var(--wp--preset--color--purple-light)
}

.callout-recipes-list.block-color-red .recipe-list-content {
    border-color: var(--wp--preset--color--red-light)
}

.callout-recipes-list.block-color-teal .recipe-list-content {
    border-color: var(--wp--preset--color--teal-light)
}

.callout-recipes-list.block-color-yellow .recipe-list-content {
    border-color: var(--wp--preset--color--yellow-light)
}

.callout-recipes-list.block-color-blue .recipe-list-headline-group {
    background: var(--wp--preset--color--blue-light)
}

.callout-recipes-list.block-color-gold .recipe-list-headline-group {
    background: var(--wp--preset--color--gold-light)
}

.callout-recipes-list.block-color-green .recipe-list-headline-group {
    background: var(--wp--preset--color--green-light)
}

.callout-recipes-list.block-color-orange .recipe-list-headline-group {
    background: var(--wp--preset--color--orange-light)
}

.callout-recipes-list.block-color-pink .recipe-list-headline-group {
    background: var(--wp--preset--color--pink-light)
}

.callout-recipes-list.block-color-purple .recipe-list-headline-group {
    background: var(--wp--preset--color--purple-light)
}

.callout-recipes-list.block-color-red .recipe-list-headline-group {
    background: var(--wp--preset--color--red-light)
}

.callout-recipes-list.block-color-teal .recipe-list-headline-group {
    background: var(--wp--preset--color--teal-light)
}

.callout-recipes-list.block-color-yellow .recipe-list-headline-group {
    background: var(--wp--preset--color--yellow-light)
}

.callout-recipes-list.block-color-blue .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--blue)
}

.callout-recipes-list.block-color-gold .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--gold)
}

.callout-recipes-list.block-color-green .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--green)
}

.callout-recipes-list.block-color-orange .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--orange)
}

.callout-recipes-list.block-color-pink .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--pink)
}

.callout-recipes-list.block-color-purple .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--purple)
}

.callout-recipes-list.block-color-red .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--red)
}

.callout-recipes-list.block-color-teal .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--teal)
}

.callout-recipes-list.block-color-yellow .recipe-list-section-icon svg {
    fill: var(--wp--preset--color--yellow)
}

.callout-recipes-list.block-color-blue .recipe-list-title {
    border-color: var(--wp--preset--color--blue)
}

.callout-recipes-list.block-color-gold .recipe-list-title {
    border-color: var(--wp--preset--color--gold)
}

.callout-recipes-list.block-color-green .recipe-list-title {
    border-color: var(--wp--preset--color--green)
}

.callout-recipes-list.block-color-orange .recipe-list-title {
    border-color: var(--wp--preset--color--orange)
}

.callout-recipes-list.block-color-pink .recipe-list-title {
    border-color: var(--wp--preset--color--pink)
}

.callout-recipes-list.block-color-purple .recipe-list-title {
    border-color: var(--wp--preset--color--purple)
}

.callout-recipes-list.block-color-red .recipe-list-title {
    border-color: var(--wp--preset--color--red)
}

.callout-recipes-list.block-color-teal .recipe-list-title {
    border-color: var(--wp--preset--color--teal)
}

.callout-recipes-list.block-color-yellow .recipe-list-title {
    border-color: var(--wp--preset--color--yellow)
}