/* In block button styles */
.wp-block-button .wp-block-button__link {
  color: #333366;
  background-color: #ffffcc;
  cursor: pointer;
  font-family: "kranky";
  font-size: 1.2rem;
}

.wp-block-button .wp-block-button__link a {
  font-family: "kranky";
}

.wp-block-button .wp-block-button__link:hover {
  color: #fafafa;
  background-color: #99cc99;
}

h1, h2, h3, h4, h5 {
  font-family: "kranky";
}

p {
  font-family: "oswald";
}

body .is-layout-grid {
  display: flex;
}

ul, ol {
  margin: 1rem;
}

/* button animation */
.wp-block-group:has(.button-tree-btn) {
  position: relative;
}

/* Hide the image block below the button */
.wp-block-group:has(.button-tree-btn) .button-trees {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: bottom 0.4s ease;
  z-index: 0;
}

/* Bring button above the image */
.button-tree-btn {
  position: relative;
  z-index: 1;
}

/* On hover of the group, slide the image up */
.wp-block-group:has(.button-tree-btn):hover .button-trees {
  bottom: 95%;
}

.margin-one-rem {
  margin: 1rem;
}