/*
 * Jäädytetty Automatic.css: automatic-gutenberg.css (Pekan Eurohinnat, G9.11)
 * Lähde: automatic-gutenberg.css, md5 dcd5b907b0e57387b9986073783cae3d, 7595 B
 * ACSS-versio: 3.3.5, käännetty 2025-08-26 11:46:11
 * Rajaus: scope.json md5 eb70eb97b74b5c69359ff55f4e7a8812
 * Työkalu: tools/acss-freeze/freeze.mjs, commit 086cd8b
 * Jäädytetty: 2026-10-28T22:45:01.611Z
 * Älä muokkaa käsin: tiedosto tuotetaan uudelleen työkalulla (tools/acss-freeze/README.md).
 */
.wp-block-button[class*="btn--"] {
  padding: 0 !important;
  background-color: transparent !important;
  min-inline-size: 0 !important;
  border: 0 !important;
}
.btn--primary {
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.btn--primary-light {
  --btn-background: var(--white);
  --btn-background-hover: var(--primary-light);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-dark);
  --btn-border-color: var(--white);
  --btn-border-color-hover: var(--primary-light);
  --focus-color: var(--white);
}
.btn--primary.btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--primary-ultra-light);
  --btn-border-width: 2px;
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.btn--primary-light.btn--outline {
  --btn-background: transparent;
  --btn-background-hover: var(--primary);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-border-width: 2px;
  --btn-border-color: var(--white);
  --btn-border-color-hover: var(--primary);
  --focus-color: var(--primary-light);
}
.btn--base {
  --btn-background: #fff;
  --btn-background-hover: var(--primary);
  --btn-text-color: var(--primary);
  --btn-text-color-hover: var(--white);
  --btn-border-color: var(--base);
  --btn-border-color-hover: var(--base-hover);
  --focus-color: var(--base-light);
}
[class*="btn--"]:not(.btn--none, .wp-block-button), .wp-block-button[class*="btn--"] > .wp-block-button__link, .wp-block-button[class*="btn--"] > a {
  background: var(--btn-background);
  color: var(--btn-text-color);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-size: var(--btn-font-size, var(--text-m));
  font-weight: var(--btn-font-weight);
  font-style: var(--btn-font-style);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  text-decoration: var(--btn-text-decoration);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-radius);
  border-color: var(--btn-border-color);
  transition: var(--btn-transition, var(--transition));
  justify-content: var(--btn-justify-content, center);
  text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
  [class*="btn--"]:not(.btn--none, .wp-block-button):hover, .wp-block-button[class*="btn--"] > .wp-block-button__link:hover, .wp-block-button[class*="btn--"] > a:hover {
    background: var(--btn-background-hover);
    color: var(--btn-text-color-hover);
    border-color: var(--btn-border-color-hover);
    text-decoration: var(--btn-text-decoration-hover);
  }
}
[class*="btn--"]:not(.btn--none, .wp-block-button):focus, .wp-block-button[class*="btn--"] > .wp-block-button__link:focus, .wp-block-button[class*="btn--"] > a:focus {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
.btn--s:not(.wp-block-button), .wp-block-button.btn--s > a, .wp-block-button.btn--s > .wp-block-button__link {
  font-size: var(--text-s);
}
.btn--m:not(.wp-block-button), .wp-block-button.btn--m > a, .wp-block-button.btn--m > .wp-block-button__link {
  font-size: var(--text-m);
}
a[class*="btn--"] {
  display: inline-flex;
}
.editor-styles-wrapper {
  width: 100% !important;
}