/*
Theme Name: TSYP25
Description: A child theme of Twenty Twenty-Five for custom development
Template: twentytwentyfive
Version: 1.0.0
Author: Andrie
*/

@import url("../twentytwentyfive/style.css");


.wp-block-button__link::after {
  content: " →";
  margin-left: 0.3em;
  font-weight: bold;
}



.wp-element-button,
.wp-block-button__link {
  background: linear-gradient(
    to right,
    var(--wp--preset--color--accent-5) 50%,
    var(--wp--preset--color--base) 50%
  ) left center / 200% 100%;
  transition: background-position 0.5s ease-out, color 0.5s ease-out;
  background-position: right center;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
  background-position: left center;
}


/* style.css in your child theme */

/* Target the image inside the site logo block */
.wp-block-site-logo img.custom-logo {
    height: 90px; 
    width: auto; 
    max-width: 100%; 
}

/* Optional: If you want to use media queries for complex scaling: */

/* If your base image is 180px high, setting the displayed height to half of that (90px/2) will display a 180px image at 2x resolution while keeping a 90px height.  */
/* @media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    .wp-block-site-logo img {
        height: 45px; 
    }
} */