/* Squircle Support*/

:root {
  --btn-brm: 1;
}

@supports (corner-shape: squircle) {
  :root {
    --btn-brm: 2;
  }
}

/*btn-- animation */

[class*="btn--"]:where(:not(.btn--none, .wp-block-button)),
[class*="btn--"].wp-block-button>.wp-block-button__link {
  border-radius: calc(16px * var(--btn-brm));
  corner-shape: squircle !important;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {

  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover,
  [class*="btn--"].wp-block-button>.wp-block-button__link:hover {
      transform: scale(1.05);
    /*animation: btn-bounceOut 0.6s linear;*/
  }
}

@keyframes btn-bounceOut {
  0% {

    transform: scale(1);
  }

  25% {

    transform: scale(0.9);
  }

  50% {

    transform: scale(1.05);
  }

  75% {

    transform: scale(.9);
  }

  100% {
    transform: scale(1);
  }
}