.cabb-btn-primary, .wp-block-button .wp-block-button__link, .wp-block-button.is-style-cabb-primary .wp-block-button__link, .wp-block-button.is-style-fill .wp-block-button__link {
    display: inline-block;
    padding: 10px 25px;
    background-color: var(--wp--preset--color--dark-blue);
    color: var(--wp--preset--color--white);
    border: none;
    border-radius: 999px;
    text-decoration: none !important;
    font-size: var(--cabb-font-size-ui);
    line-height: var(--cabb-line-height-ui);
    font-weight: var(--cabb-font-weight-ui);
    letter-spacing: var(--cabb-letter-spacing-ui);
}

.cabb-btn-primary:hover, .cabb-btn-primary:active, .cabb-btn-outline:hover, .cabb-btn-outline:active {
    background-color: var(--wp--preset--color--super-dark-gray);
}

.cabb-btn-outline, .wp-block-button.is-style-cabb-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link {
    display: inline-block;
    padding: 9px 24px;
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--dark-blue) !important;
    border: 1px solid var(--wp--preset--color--dark-blue);
    border-radius: 10px;
    text-decoration: none !important;
    font-size: var(--cabb-font-size-ui);
    line-height: var(--cabb-line-height-ui);
    font-weight: var(--cabb-font-weight-ui);
    letter-spacing: var(--cabb-letter-spacing-ui);
}

.cabb-btn-inactive, .wp-block-button.is-style-cabb-inactive .wp-block-button__link {
    display: inline-block;
    padding: 9px 24px;
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--dark-gray);
    border: 1px solid var(--wp--preset--color--dark-gray);
    border-radius: 10px;
    text-decoration: none !important;
    pointer-events: none;
    cursor: not-allowed;
    font-size: var(--cabb-font-size-ui);
    line-height: var(--cabb-line-height-ui);
    font-weight: var(--cabb-font-weight-ui);
    letter-spacing: var(--cabb-letter-spacing-ui);
}

.cabb-btn-arrow, .wp-block-button.is-style-cabb-arrow .wp-block-button__link {
    color: var(--wp--preset--color--black);
    text-decoration: none !important;
    font-size: var(--cabb-font-size-ui);
    line-height: var(--cabb-line-height-ui);
    font-weight: var(--cabb-font-weight-ui);
    letter-spacing: var(--cabb-letter-spacing-ui);
    background: none;
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 14px 14px;
    margin: -14px -14px;
}

.cabb-btn-arrow:hover,
.cabb-btn-arrow:active {
    text-decoration: underline !important;
    text-decoration-thickness: 9%;
    text-underline-offset: 20.5%;
}

.cabb-btn-arrow::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 18.29px;
    background-image: url('../images/icon-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 7px;
    margin-bottom: 0;
    vertical-align: middle;
}

.cabb-btn-arrow--light::after {
    background-image: url('../images/icon-arrow-light.svg');
}

.wp-block-button.is-style-cabb-arrow .wp-block-button__link:hover,
.wp-block-button.is-style-cabb-arrow .wp-block-button__link:active {
    text-decoration: underline;
    text-decoration-thickness: 9%;
    text-underline-offset: 20.5%;
}

.wp-block-button.is-style-cabb-arrow .wp-block-button__link::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 18.29px;
    background-image: url('../images/icon-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 7px;
    margin-bottom: 0;
    vertical-align: middle;
  }

.cabb-btn-arrow > * {
    margin: 0 !important;
}

.cabb-btn-arrow--large {
    font-size: var(--wp--preset--font-size--x-large);
}

.cabb-btn-arrow--large::after {
    width: 28px;
    height: 28px;
    margin-left: 0.8rem;
    margin-bottom: -0.35rem;
}

.btn-outer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (max-width: 768px){
    .cabb-btn-primary, .wp-block-button .wp-block-button__link, .wp-block-button.is-style-cabb-primary .wp-block-button__link, .wp-block-button.is-style-fill .wp-block-button__link,
    .cabb-btn-outline, .wp-block-button.is-style-cabb-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link,
    .cabb-btn-inactive, .wp-block-button.is-style-cabb-inactive .wp-block-button__link,
    .cabb-btn-arrow, .wp-block-button.is-style-cabb-arrow .wp-block-button__link,
    .page-numbers {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }

    .cabb-btn-arrow, .wp-block-button.is-style-cabb-arrow .wp-block-button__link {
        padding: 12px 12px;
        margin: -12px -12px;
        min-height: 48px;
        min-width: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
    }
    
    .cabb-btn-arrow + .cabb-btn-arrow,
    .wp-block-button.is-style-cabb-arrow + .wp-block-button.is-style-cabb-arrow .wp-block-button__link {
        margin-left: calc(-12px + 8px);
    }
    
    .button-wrapper .cabb-btn-arrow,
    .button-wrapper .wp-block-button.is-style-cabb-arrow .wp-block-button__link {
        margin-right: calc(-12px + 8px);
    }
    
    .button-wrapper .cabb-btn-arrow:last-child,
    .button-wrapper .wp-block-button.is-style-cabb-arrow:last-child .wp-block-button__link {
        margin-right: -12px;
    }

    .cabb-btn-arrow::after {
        margin-bottom: 0;
    }

    .page-numbers {
        padding: 0.3rem 0.7rem !important;
    }
}