.button:not(.block),
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.content-button a:not(.use-ajax),
/*CK Editor Styling*/
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content a.button {
    display: inline-block !important;
    height: 3rem !important;
    padding: 0rem 1.875rem !important;
    border-radius: 0.375rem !important;
    line-height: 2.9375rem;
    text-align: center;
    text-wrap: nowrap;
    font-weight: bold !important;
    cursor: pointer;
}

.button:not(.block):disabled {
    background-color: var(--gray-lighter) !important;
    color: var(--gray-medium) !important;
    pointer-events: none !important;
}

.button:not(.block):focus,
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.content-button a:focus:not(.use-ajax) {
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-color: #4299e1;
}

.button-primary:not(.block),
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.button-primary a:not(.use-ajax),
/*CK Editor Styling*/
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content a.button.button-primary {
    color: white !important;
    background-color: var(--royal-blue, #0057B8) !important;
}

.button-primary:hover:not(.block),
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.button-primary a:hover:not(.use-ajax) {
    background-color: var(--navy-blue, #002E5D) !important;
}

.button-tertiary:not(.block),
.button-tertiary a:not(.use-ajax),
/*CK Editor Styling*/
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content a.button.button-tertiary {
    color: var(--navy-blue, #002E5D) !important;
    background-color: var(--royal-10, #D9E6FF) !important;
}

.button-tertiary:hover:not(.block),
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.button-tertiary a:hover:not(.use-ajax) {
    background-color: var(--royal-20, #B9D1FF) !important;
}

.button-white:not(.block),
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.button-white a:not(.use-ajax),
/*CK Editor Styling*/
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content a.button.button-white {
    color: var(--royal-blue, #0057B8) !important;
    background-color: white !important;
    box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}

.button-white:hover:not(.block),
/*:not(.use-ajax) prevents styling to affect layout builder links*/
.button-white a:hover:not(.use-ajax) {
    color: var(--navy-blue, #002E5D) !important;
    background-color: #f9f9f9 !important;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
}

.button-border:not(.block),
.button-border a:not(.use-ajax) {
    line-height: 1;
    border: 0.125rem solid var(--royal-blue, #0057B8) !important;
    box-shadow: none;
}

.button-border:hover:not(.block),
.button-border a:hover:not(.use-ajax) {
    border: 0.125rem solid var(--navy-blue, #002E5D) !important;
    box-shadow: none;
}

.button-alternative:not(.block),
.button-alternative a:not(.use-ajax),
/*CK Editor Styling*/
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content a.button.button-alternative {
    color: black !important;
    background-color: var(--yellow, #FFB700) !important;
}

.button-alternative:hover:not(.block),
.button-alternative a:hover:not(.use-ajax) {
    background-color: var(--yellow-dark, #8C3A00) !important;
    color: white !important;
}

/*BORDER RADIUS*/

.button-border-xs:not(.block),
.button-border-xs a {
    border-radius: 0.1875rem !important;   
}

/*LINKS*/

.content-link a,
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content .content-link a {
    font-weight: bold;
    color: var(--royal-blue, #0057B8) !important;
}
.content-link a:hover,
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content .content-link a:hover {
    color: var(--blue-button, #003DA5);
    text-decoration: underline;
}