/* Button */

.wp-block-read-more > img,
.wp-block-button > .wp-block-button__link > img
{
    filter: var(--palette-filter-common-white);
}

.wp-block-read-more,
.wp-block-button > .wp-block-button__link
{
    border-radius: 100px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 780px) {
    .wp-block-read-more,
    .wp-block-button > .wp-block-button__link
    {
        font-size: 14px;
    }
}

/* Default */

.wp-block-button:not(.is-style-text):not(.is-style-outline):not(.is-style-elevated):not(.is-style-tonal):not(.is-style-link):not(.is-style-chip):not(.is-style-active-chip) > .wp-block-button__link
{
    background-color: var(--palette-primary-dark);
    line-height: 37px;
    padding: 0 16px;
}
.wp-block-button:not(.is-style-text):not(.is-style-outline):not(.is-style-elevated):not(.is-style-tonal):not(.is-style-link):not(.is-style-chip):not(.is-style-active-chip) > .wp-block-button__link:hover
{
    color: var(--palette-common-white);
    background-color: #32a9e8;
    box-shadow: var(--elevation-1);
}

/* Tonal */

.wp-block-read-more.is-style-tonal > img,
.wp-block-button.is-style-tonal > .wp-block-button__link > img
{
    filter: var(--palette-filter-info-dark);
}
.wp-block-read-more.is-style-tonal,
.wp-block-button.is-style-tonal > .wp-block-button__link
{
    color: var(--palette-info-dark);
    background-color: var(--palette-primary-main);
    line-height: 37px;
    padding: 0 16px;
}
.wp-block-read-more.is-style-tonal:hover,
.wp-block-button.is-style-tonal > .wp-block-button__link:hover
{
    background-color: #BAE8FC;
    box-shadow: var(--elevation-1);
}

/* Text */

.wp-block-read-more.is-style-text > img,
.wp-block-button.is-style-text > .wp-block-button__link > img
{
    filter: var(--palette-filter-primary-dark);
}
.wp-block-read-more.is-style-text:hover > img,
.wp-block-button.is-style-text > .wp-block-button__link:hover > img
{
    filter: var(--palette-filter-info-dark);
}
.wp-block-read-more.is-style-text,
.wp-block-button.is-style-text > .wp-block-button__link
{
    background: none;
    line-height: 37px;
    padding: 0 15px;
    font-weight: 400;
}
.wp-block-read-more.is-style-text:not(.has-text-color),
.wp-block-button.is-style-text > .wp-block-button__link:not(.has-text-color)
{
    color: var(--palette-primary-dark);
}
.wp-block-read-more.is-style-text:hover,
.wp-block-button.is-style-text > .wp-block-button__link:hover
{
    color: var(--palette-info-dark);
    background: var(--palette-primary-light);
}

/* Link */

.wp-block-read-more.is-style-link > img,
.wp-block-button.is-style-link > .wp-block-button__link > img
{
    filter: var(--palette-filter-primary-dark);
}

.wp-block-read-more.is-style-link,
.wp-block-button.is-style-link
{
    line-height: 1;
}
.wp-block-read-more.is-style-link,
.wp-block-button.is-style-link > .wp-block-button__link
{
    background: none;
    line-height: 1;
    padding: 0;
    font-weight: 400;
}
.wp-block-read-more.is-style-link:not(.has-text-color),
.wp-block-button.is-style-link > .wp-block-button__link:not(.has-text-color)
{
    color: var(--palette-primary-dark);
}

/* Outline */

.wp-block-read-more.is-style-outline > img,
.wp-block-button.is-style-outline > .wp-block-button__link > img
{
    filter: var(--palette-filter-primary-dark);
}
.wp-block-read-more.is-style-outline:hover > img,
.wp-block-button.is-style-outline > .wp-block-button__link:hover > img
{
    filter: var(--palette-filter-info-dark);
}
.wp-block-read-more.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link
{
    border: 1px solid #dadce0;
    padding: 0 15px;
    line-height: 35px;
    background: transparent;
}
.wp-block-read-more.is-style-outline:not(.has-text-color),
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)
{
    color: var(--palette-primary-dark);
}
.wp-block-read-more.is-style-outline:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:hover
{
    color: var(--palette-info-dark);
    background: var(--palette-primary-light);
}

/* Chip */

.wp-block-read-more.is-style-chip > img,
.wp-block-button.is-style-chip > .wp-block-button__link > img
{
    filter: var(--palette-filter-text-primary);
}

.wp-block-read-more.is-style-chip,
.wp-block-button.is-style-chip > .wp-block-button__link
{
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #dadce0;
    padding: 0 12px;
    line-height: 29px;
}
.wp-block-read-more.is-style-chip:not(.has-text-color),
.wp-block-button.is-style-chip > .wp-block-button__link:not(.has-text-color)
{
    color: var(--palette-text-primary);
}
.wp-block-read-more.is-style-chip:hover,
.wp-block-button.is-style-chip > .wp-block-button__link:hover
{
    background: var(--palette-text-light);
}

.wp-block-read-more.is-style-active-chip > img,
.wp-block-button.is-style-active-chip > .wp-block-button__link > img
{
    filter: var(--palette-filter-info-dark);
}

.wp-block-read-more.is-style-active-chip,
.wp-block-button.is-style-active-chip > .wp-block-button__link
{
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #dadce0;
    padding: 0 12px;
    line-height: 29px;
}
.wp-block-read-more.is-style-active-chip:not(.has-text-color),
.wp-block-button.is-style-active-chip > .wp-block-button__link:not(.has-text-color)
{
    border-color: var(--palette-primary-light);
    background: var(--palette-primary-light);
    color: var(--palette-info-dark);
}
.wp-block-read-more.is-style-active-chip:hover,
.wp-block-button.is-style-active-chip > .wp-block-button__link:hover
{

}

/* Elevated */

.wp-block-read-more.is-style-elevated > img,
.wp-block-button.is-style-elevated > .wp-block-button__link > img
{
    filter: var(--palette-filter-common-white);
}
.wp-block-read-more.is-style-elevated,
.wp-block-button.is-style-elevated > .wp-block-button__link
{
    color: var(--palette-common-white);
    background-color: var(--palette-primary-dark);
    box-shadow: var(--elevation-1);
    line-height: 37px;
    padding: 0 16px;
}
.wp-block-read-more.is-style-elevated:hover,
.wp-block-button.is-style-elevated > .wp-block-button__link:hover
{
    background-color: #32A9E8;
    box-shadow: var(--elevation-3);
}

.wp-block-button__link {
    display: flex;
    gap: 4px;
    align-items: center;
}

.wp-block-read-more.is-style-elevated.has-common-white-background-color:hover,
.wp-block-button.is-style-elevated > .wp-block-button__link.has-common-white-background-color:hover
{
    color: var(--palette-text-primary) !important;
    background: var(--palette-text-light) !important;
}

.is-style-top-left-button .wp-block-button > .wp-block-button__link > img,
.is-style-top-right-button .wp-block-button > .wp-block-button__link > img {
    filter: var(--palette-filter-text-primary) !important;
}

@media (max-width: 600px) {
    .is-style-top-left-button .wp-block-button > .wp-block-button__link,
    .is-style-top-right-button .wp-block-button > .wp-block-button__link {
        font-size: 0;
        gap: 0;
    }
}

.wp-block-button__link.has-text-align-center {
    justify-content: center;
}