/* Button Variants CSS with padding variables */

:root {
  /* Padding presets */
  --btn-fat-padding: 14px 24px;
  --btn-slim-padding: 8px 20px;
}

/* Cannon Schema (Fat) */
.wp-block-button.is-style-fill .wp-block-button__link {
  border-radius: 100px;
  border: 1.5px solid var(--wp--preset--color--cannon-pink-dark);
  background: var(--wp--preset--color--cannon-pink);
  color: var(--wp--preset--color--neutral-white);
  padding: var(--btn-fat-padding);
  transition: background-color 0.2s ease;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
  background: var(--wp--preset--color--cannon-pink-dark);
}

/* Cannon Schema (Slim) */
.wp-block-button.is-style-fill-slim .wp-block-button__link {
  border-radius: 100px;
  border: 1.5px solid var(--wp--preset--color--cannon-pink-dark);
  background: var(--wp--preset--color--cannon-pink);
  color: var(--wp--preset--color--neutral-white);
  padding: var(--btn-slim-padding);
  transition: background-color 0.2s ease;
}
.wp-block-button.is-style-fill-slim .wp-block-button__link:hover {
  background: var(--wp--preset--color--cannon-pink-dark);
}

/* Cannon Inverse (Outline Fat) */
.wp-block-button.is-style-outline .wp-block-button__link {
  border-radius: 100px;
  border: 2px solid var(--wp--preset--color--cannon-pink);
  background: transparent;
  color: var(--wp--preset--color--cannon-pink);
  padding: var(--btn-fat-padding);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--cannon-pink);
  color: var(--wp--preset--color--neutral-white) !important;
}

/* Cannon Inverse (Outline Slim) */
.wp-block-button.is-style-outline-slim .wp-block-button__link {
  border-radius: 100px;
  border: 2px solid var(--wp--preset--color--cannon-pink);
  background: transparent;
  color: var(--wp--preset--color--cannon-pink);
  padding: var(--btn-slim-padding);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button.is-style-outline-slim .wp-block-button__link:hover {
  background: var(--wp--preset--color--cannon-pink);
  color: var(--wp--preset--color--neutral-white) !important;
}

/* Simple (Fat) */
.wp-block-button.is-style-simple .wp-block-button__link {
  background-color: var(--wp--preset--color--neutral-white);
  color: var(--wp--preset--color--neutral-darkest);
  border: none;
  padding: var(--btn-fat-padding);
  border-radius: 2rem;
  transition: background-color 0.2s ease;
}
.wp-block-button.is-style-simple .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--neutral-lightest);
}

/* Simple (Slim) */
.wp-block-button.is-style-simple-slim .wp-block-button__link {
  background-color: var(--wp--preset--color--neutral-white);
  color: var(--wp--preset--color--neutral-darkest);
  border: none;
  padding: var(--btn-slim-padding);
  border-radius: 1.5rem;
  transition: background-color 0.2s ease;
}
.wp-block-button.is-style-simple-slim .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--neutral-lightest);
}

/* Science Schema (Fat) */
.wp-block-button.is-style-science .wp-block-button__link {
  border-radius: 100px;
  border: 1.5px solid var(--wp--preset--color--science-blue-dark);
  background: var(--wp--preset--color--science-blue);
  color: var(--wp--preset--color--neutral-white);
  padding: var(--btn-fat-padding);
  transition: background-color 0.2s ease;
}
.wp-block-button.is-style-science .wp-block-button__link:hover {
  background: var(--wp--preset--color--science-blue-dark);
}

/* Science Inverse (Outline Fat) */
.wp-block-button.is-style-science-outline .wp-block-button__link {
  border-radius: 100px;
  border: 2px solid var(--wp--preset--color--science-blue);
  background: transparent;
  color: var(--wp--preset--color--science-blue);
  padding: var(--btn-fat-padding);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button.is-style-science-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--science-blue);
  color: var(--wp--preset--color--neutral-white) !important;
}

/* Science Schema (Slim) */
.wp-block-button.is-style-science-slim .wp-block-button__link {
  border-radius: 100px;
  border: none;
  background: var(--wp--preset--color--science-blue);
  color: var(--wp--preset--color--neutral-white);
  padding: var(--btn-slim-padding);
  transition: background-color 0.2s ease;
}
.wp-block-button.is-style-science-slim .wp-block-button__link:hover {
  background: var(--wp--preset--color--science-blue-dark);
}

/* Science Inverse (Outline Slim) */
.wp-block-button.is-style-science-outline-slim .wp-block-button__link {
  border-radius: 100px;
  border: 2px solid var(--wp--preset--color--science-blue);
  background: transparent;
  color: var(--wp--preset--color--science-blue);
  padding: var(--btn-slim-padding);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button.is-style-science-outline-slim .wp-block-button__link:hover {
  background: var(--wp--preset--color--science-blue);
  color: var(--wp--preset--color--neutral-white) !important;
}