html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

.block-block-content .footer-button,
#header-region a[href^="https://www.paypal.com/donate/"] {
    background-color: #4e99d8; 
    padding: 5px 10px; 
    text-align: center; 
    margin-right: 15px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1px solid #366eaf;
    display: inline-flex;
    gap: 0.5rem;
}

.block-block-content .footer-button:hover,
#header-region a[href^="https://www.paypal.com/donate/"]:hover {
    background-color: #488fd1; 
}

.block-block-content .footer-button.donate,
#header-region a[href^="https://www.paypal.com/donate/"] {
    background-color: #c5454a; 
    padding: 5px 10px; 
    text-align: center; 
    margin-right: 15px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1px solid #c5454a;
}

.block-block-content .footer-button.donate:hover,
#header-region a[href^="https://www.paypal.com/donate/"]:hover {
    background-color: #ef6e76; 
}

.block-block-content .footer-button.donate:after,
#header-region a[href^="https://www.paypal.com/donate/"]:after {
    content: '❤';
    opacity: 0.5;
}

.block-block-content .footer-button.donate:hover:after,
#header-region a[href^="https://www.paypal.com/donate/"]:hover:after {
    opacity: 1;
}

#block-socialmedia a {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    overflow: hidden;
}

#header,
#footer {
    padding: 5px 0;
}

article a,
article a:visited {
    color: #803b40;
}

article a:hover,
article a:active {
    color: #632126;
}

/* Style all links normally */
.block-block-content a {
  color: #F3989E;
  transition: color 0.2s;
}

.block-block-content a:hover {
  color: white;
}

/* Undo styles for links inside .contextual */
.block-block-content .contextual a {
  color: inherit;       /* keep whatever the default is */
}

.block-block-content .contextual a:hover {
  color: inherit;
}