.wp-block-buttons { display: flex; flex-wrap: wrap;}
.wp-block-button,
.cta { font-size: 18px !important;  line-height: 1.4 !important; margin:1em 0;  margin: 0; letter-spacing: 0.01em; }

/*.wp-block-button:last-child,*/
.cta:last-child { margin-bottom: 0;}

.wp-block-button a,
.cta a { margin:0 0 0.5em 0; }

.cta a:last-child { margin-bottom: 0;}


ul.cta li {    font-size: inherit;     line-height: inherit;}
ul.cta li:not(:last-child) { margin-bottom: 16px; }

.wp-block-button a,
.cta a,
.cta span:not(.sr-only) {
    box-sizing: content-box;


    background:var(--ttl_black);
    border: 1px solid var(--ttl_black);
    color:white;

    font-weight: 600 !important;


    font-size: inherit;
    line-height: inherit;

    vertical-align: top;

    display: inline-block;
    text-shadow: none;


    border-radius: var(--radius_small);

    padding: 0.75em 2em; min-height:1.25em;  padding: 0.75em 1em;

    transition: all 0.2s ease;

    overflow: hidden;
    position: relative;



}
.wp-block-button a:not(:last-child),
.cta a:not(:last-child) { margin-right: 8px;}


/*.cta.accent1 a,
.cta.accent1 span {
    border-color:var(--ttl_black);
    background-color:var(--ttl_black);
    color: white;
}*/

.cta.y a,
.cta.y span {
    background-color: var(--ttl_lightyellow);
    color: black;
}

.wp-block-button a:hover,
.cta a:hover,
.cta span:hover  {
    border-color: var(--ttl_darkgrey) ;
    background-color: var(--ttl_darkgrey) ;
 /*   color: black !important;*/

}



@media (prefers-color-scheme: dark) {
    .wp-block-button a,
    .cta a,
    .cta span:not(.sr-only) {
        background-color: white !important;
        color: black !important;
    }
    .wp-block-button a:hover,
    .cta a:hover,
    .cta span:hover  {
        border-color: var(--ttl_lightyellow) !important ;
        background-color: var(--ttl_lightyellow) !important;
         color: black !important;

    }
}


/*

!* DARK BACKGROUND  *!
.section[class*="dark"] .cta a,
.section[class*="dark"] .cta span {
    background: none;
}

.section[class*="dark"] .cta a:hover,
.section[class*="dark"] .cta span:hover
{
    border-color: white ;
    background-color: white !important;
    color: var(--ttl_black) !important;
}
*/

input#mc-embedded-subscribe:hover { background: #7f7658; }

.wp-block-button a:focus-visible,
.cta a:focus-visible,
.cta span:focus-visible {  /* outline:2px solid var(--ttl_error); outline-offset: 2px; */ outline: 3px solid black; box-shadow: 0 0 0 6px white;     }


.cta.sq a {  border-radius: var(--radius_small);  padding: 0.75em 1em; }

.cta a[href*="//"]:not([href*="//ria.newgraphic.ie"]):not([href*="//ria.ie"]):not([href*="//www.ria.ie"]):not([href^="mailto:"])::after {
    transform: rotate(-45deg);
}



.cta.up a::after { transform: rotate(-90deg); }

p.biolink.cta a::after,
.cta.down a::after,
.cta :is(a[href$=".pdf"],a[href$=".doc"],a[href$=".docx"],a[href$=".xls"],a[href$=".xlsx"],a[href$=".csv"],a[href$=".txt"])::after { transform: rotate(90deg); }







@media all and (max-width: 599px) {
    .wp-block-button,
    .cta { font-size: 14px !important; }

    .cta a,
    .cta span  {
    }

}