/* SKEUOMORPHIC BUTTON EFFECT */
/* Appearance only - no sizing or color changes */

.skeuo-btn .wp-block-button__link,
a.skeuo-btn,
button.skeuo-btn,
.skeuo-btn.ct-button {

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    inset 0 -2px 0 rgba(0,0,0,0.2),
    0 1px 2px rgba(0,0,0,0.35),
    0 8px 24px -6px rgba(0,0,0,0.4);

  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

/* HOVER EFFECT */

.skeuo-btn .wp-block-button__link:hover,
a.skeuo-btn:hover,
button.skeuo-btn:hover,
.skeuo-btn.ct-button:hover {

  transform: translateY(-2px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 0 -2px 0 rgba(0,0,0,0.25),
    0 3px 5px rgba(0,0,0,0.3),
    0 12px 28px -6px rgba(0,0,0,0.45);
}

/* PRESSED EFFECT */

.skeuo-btn .wp-block-button__link:active,
a.skeuo-btn:active,
button.skeuo-btn:active,
.skeuo-btn.ct-button:active {

  transform: translateY(1px);

  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.4),
    inset 0 1px 2px rgba(0,0,0,0.2);
}


/* Equal Height Columns - Align Buttons */

.wp-block-columns {
  align-items: stretch;
}

.equal-height-card {
  display: flex;
  flex-direction: column;
}

/* Push buttons to bottom of columns */

.equal-height-card > .wp-block-buttons,
.equal-height-card > .wp-block-button {
  margin-top: auto;
}

/* Add a smooth scroll behavior so it doesn't just jump immediately */

html {
    scroll-behavior: smooth;
}