:root {
  --theme-content-p: 20px;
  --theme-content-width: calc(1350px + var(--theme-content-p) * 2);
  --theme-font-family-base: Zen Kaku Gothic New, sans-serif;
  --theme-font-size-base: 16px;
  --theme-line-height-base: 1.7;
  --theme-font-weight-regular: 400;
  --theme-font-weight-bold: 700;
  --theme-font-size-h1: clamp(2rem, 1.6rem + 1.2vw, 2.75rem);
  --theme-font-size-h2: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
  --theme-font-size-h3: clamp(1.25rem, 1.05rem + 0.5vw, 1.5rem);
  --theme-letter-spacing-base: 0.04em;
  --theme-letter-spacing-heading: 0.06em;
}

@media screen and (max-width: 1024px) {
  :root {
    --theme-content-p: 20px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --theme-content-p: 20px;
  }
}
html.dark-mode {
  --wp--preset--color--font-color: #cccccc;
  --wp--preset--color--main-color: #0078d4;
  --wp--preset--color--sub-color: #CE9178;
  --wp--preset--color--accent-color: #4daafc;
  --wp--preset--color--base-color: #282828;
  --wp--preset--color--background-color: #181818;
  --wp--preset--color--border-color: #2b2b2b;
}

html {
  --header-nav-h: 55px;
  --header-side-nav-open-w: 236px;
  --header-side-nav-collapsed-w: 55px;
  --header-side-nav-w: var(--header-side-nav-open-w);
  background-color: var(--wp--preset--color--base-color);
  scrollbar-color: var(--wp--preset--color--main-color) var(--wp--preset--color--base-color);
  scrollbar-width: thin;
}
html::-webkit-scrollbar {
  width: 8px;
}
html::-webkit-scrollbar-track {
  background-color: var(--wp--preset--color--base-color);
  border-radius: 999px;
}
html::-webkit-scrollbar-thumb {
  background-color: var(--wp--preset--color--main-color);
  border-radius: 999px;
}

body {
  font-size: var(--theme-font-size-base);
  font-weight: var(--theme-font-weight-regular);
  font-family: var(--theme-font-family-base);
  line-height: var(--theme-line-height-base);
  letter-spacing: var(--theme-letter-spacing-base);
  color: var(--wp--preset--color--font-color);
}

h1, h2, h3 {
  line-height: 1.4;
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-heading);
}

h1 {
  font-size: var(--theme-font-size-h1);
}

h2 {
  font-size: var(--theme-font-size-h2);
}

h3 {
  font-size: var(--theme-font-size-h3);
}

html.is-side-nav-collapsed {
  --header-side-nav-w: var(--header-side-nav-collapsed-w);
}

main {
  width: calc(100% - var(--header-side-nav-w));
  min-height: 100vh;
  padding-top: var(--header-nav-h);
  margin-left: auto;
  transition: width 0.4s ease;
}

.content {
  max-width: var(--theme-content-width);
  margin-inline: auto;
  padding-inline: var(--theme-content-p);
}
.content .main-layout {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  --ad-w: 300px;
  --flex-gap: 40px;
  gap: var(--flex-gap);
}
.content .main-layout .contents-area {
  width: calc(100% - var(--ad-w) - var(--flex-gap));
}
.content .main-layout .ad-area {
  width: var(--ad-w);
}

.section {
  padding-block: var(--theme-content-p);
}

.post_area :where(p),
.post_area :where(h1),
.post_area :where(h2),
.post_area :where(h3),
.post_area :where(h4),
.post_area :where(h5),
.post_area :where(h6),
.post_area :where(ul),
.post_area :where(ol),
.post_area :where(figure),
.post_area :where(blockquote),
.post_area :where(table),
.post_area :where(.wp-block-image),
.post_area :where(.wp-block-gallery),
.post_area :where(.wp-block-group),
.post_area :where(.wp-block-columns),
.post_area :where(.wp-block-column),
.post_area :where(.wp-block-quote),
.post_area :where(.wp-block-separator),
.post_area :where(.wp-block-buttons),
.post_area :where(.wp-block-spacer),
.post_area :where(.wp-block-table),
.editor-styles-wrapper :where(p),
.editor-styles-wrapper :where(h1),
.editor-styles-wrapper :where(h2),
.editor-styles-wrapper :where(h3),
.editor-styles-wrapper :where(h4),
.editor-styles-wrapper :where(h5),
.editor-styles-wrapper :where(h6),
.editor-styles-wrapper :where(ul),
.editor-styles-wrapper :where(ol),
.editor-styles-wrapper :where(figure),
.editor-styles-wrapper :where(blockquote),
.editor-styles-wrapper :where(table),
.editor-styles-wrapper :where(.wp-block-image),
.editor-styles-wrapper :where(.wp-block-gallery),
.editor-styles-wrapper :where(.wp-block-group),
.editor-styles-wrapper :where(.wp-block-columns),
.editor-styles-wrapper :where(.wp-block-column),
.editor-styles-wrapper :where(.wp-block-quote),
.editor-styles-wrapper :where(.wp-block-separator),
.editor-styles-wrapper :where(.wp-block-buttons),
.editor-styles-wrapper :where(.wp-block-spacer),
.editor-styles-wrapper :where(.wp-block-table) {
  margin-top: 24px;
  margin-bottom: 24px;
}

body .is-layout-flex {
  margin-block: 0;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--wp--preset--color--background-color);
}
header .header-logo {
  flex-shrink: 0;
  margin: 0;
  margin-right: 20px;
  color: var(--wp--preset--color--font-color);
  transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
  header .header-logo:hover {
    color: var(--wp--preset--color--main-color);
  }
}
header .header-logo a {
  display: block;
}
header .header-logo svg {
  width: 180px;
  height: auto;
  display: block;
}
header .header_contents {
  --theme-content-width: calc(100% + (var(--theme-content-p) * 2));
  height: var(--header-nav-h);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 10px 20px 10px 10px;
  border-bottom: 1px solid var(--wp--preset--color--border-color);
  font-size: 0.875em;
}
header .header-nav {
  display: flex;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
header .header-nav .right_contents {
  display: flex;
  align-items: center;
  gap: 12px;
}
header .theme-toggle {
  min-width: 92px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--wp--preset--color--border-color);
  border-radius: 999px;
  background-color: var(--wp--preset--color--background-color);
  color: var(--wp--preset--color--font-color);
  line-height: 1;
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
}
@media screen and (min-width: 769px) {
  header .theme-toggle:hover {
    color: var(--wp--preset--color--main-color);
    background-color: var(--wp--preset--color--base-color);
  }
}
header .theme-toggle__icon {
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
  transition: transform 0.4s ease;
}
header .theme-toggle__icon::after {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--background-color);
}
header .theme-toggle__text {
  font-size: 0.8125rem;
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  header .contact_btn {
    display: none;
  }
}
header .contact_btn {
  flex-shrink: 0;
  white-space: nowrap;
}
header .contact_btn a {
  display: block;
  white-space: nowrap;
}
header .contact_btn:hover {
  color: var(--wp--preset--color--main-color);
}
header .header-menu-button {
  width: 32px;
  height: 32px;
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  color: var(--wp--preset--color--font-color);
  cursor: pointer;
  transition: color 0.4s ease, background-color 0.4s ease;
}
header .header-menu-button::before, header .header-menu-button::after {
  content: "";
  width: 16px;
  height: 1px;
  position: absolute;
  left: 50%;
  background-color: currentColor;
  transform: translateX(-50%);
  transition: transform 0.4s ease;
}
header .header-menu-button::before {
  top: 11px;
  box-shadow: 0 5px 0 currentColor;
}
header .header-menu-button::after {
  top: 21px;
}
@media screen and (min-width: 769px) {
  header .header-menu-button:hover {
    color: var(--wp--preset--color--main-color);
    background-color: var(--wp--preset--color--base-color);
  }
}
header .header-side-nav {
  width: var(--header-side-nav-w);
  height: calc(100dvh - var(--header-nav-h));
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  margin-top: var(--header-nav-h);
  padding: 25px 10px 60px;
  border-right: 1px solid var(--wp--preset--color--border-color);
  background-color: var(--wp--preset--color--background-color);
  transition: width 0.4s ease, padding 0.4s ease;
  scrollbar-color: var(--wp--preset--color--main-color) var(--wp--preset--color--base-color);
  scrollbar-width: thin;
}
header .header-side-nav__toggle {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--wp--preset--color--font-color);
  cursor: pointer;
  transition: color 0.4s ease, background-color 0.4s ease;
}
header .header-side-nav__toggle::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translate(-35%, -50%) rotate(-135deg);
}
@media screen and (min-width: 769px) {
  header .header-side-nav__toggle:hover {
    color: var(--wp--preset--color--main-color);
    background-color: var(--wp--preset--color--base-color);
  }
}
header .header-side-nav__list {
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  font-size: 16px;
}
header .header-side-nav__item {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="black" d="M392.8 1.2c-12.3-3.6-25.5 .1-34.2 9.7l-128 144c-11.4 12.8-14.2 31.2-7.1 46.8s22.8 25.6 40 25.6l64.5 0-88.8 99.9c-11.4 12.8-14.2 31.2-7.1 46.8s22.8 25.6 40 25.6l64.5 0-88.8 99.9c-15.6 17.6-14 44.5 3.6 60.1s44.5 14 60.1-3.6l160-180c11.4-12.8 14.2-31.2 7.1-46.8s-22.8-25.6-40-25.6l-64.5 0 88.8-99.9c11.4-12.8 14.2-31.2 7.1-46.8s-22.8-25.6-40-25.6l-64.5 0 88.8-99.9c8.7-9.8 11.4-23.5 7-36S405.1 4.8 392.8 1.2z"/></svg>');
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-shrink: 0;
  flex-direction: row;
  position: relative;
  padding: 16px 10px;
  border-radius: 6px;
  transition: background-color 0.4s ease;
  cursor: pointer;
  background: transparent;
}
header .header-side-nav__item > h2 {
  width: 100%;
  position: relative;
  padding: 0 20px 0 28px;
  font-size: 1em;
  font-weight: var(--theme-font-weight-regular);
  white-space: nowrap;
  overflow: hidden;
  transition: padding 0.4s ease;
}
header .header-side-nav__item > h2::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: currentColor;
  transform: translateY(-50%);
  mask-image: var(--header-side-nav-item-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: var(--header-side-nav-item-icon);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
header .header-side-nav__item > h2::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 50%;
  right: 2px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0;
  transform: translateY(-50%) rotate(45deg);
  transition: opacity 0.4s ease;
}
header .header-side-nav__item .header-side-nav__label {
  display: block;
  opacity: 1;
  transform: translateX(0);
  transform-origin: left center;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
header .header-side-nav__item.is-open {
  color: var(--wp--preset--color--main-color);
  background-color: var(--wp--preset--color--base-color);
}
header .header-side-nav__item.is-open > h2::after {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  header .header-side-nav__item:hover {
    color: var(--wp--preset--color--main-color);
    background-color: var(--wp--preset--color--base-color);
  }
  header .header-side-nav__item:hover > h2::after {
    opacity: 1;
  }
}
header .header-side-nav__item > ul {
  width: -moz-max-content;
  width: max-content;
  min-width: 220px;
  position: absolute;
  top: 0;
  left: calc(100% + 25px);
  padding: 10px 10px;
  border: 1px solid var(--wp--preset--color--border-color);
  border-radius: 7px;
  background-color: var(--wp--preset--color--background-color);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-16px);
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}
header .header-side-nav__item.is-open > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
header .header-side-nav__item--css {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="black" d="M0 32C0 14.3 14.3 0 32 0H352c17.7 0 32 14.3 32 32V96H0V32zM384 128V480c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V128H384zM112 192c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16H272c8.8 0 16-7.2 16-16V208c0-8.8-7.2-16-16-16H112zm0 96c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16H208c8.8 0 16-7.2 16-16V304c0-8.8-7.2-16-16-16H112z"/></svg>');
}
header .header-side-nav__item--image {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="black" d="M160 80c0 26.5-21.5 48-48 48S64 106.5 64 80s21.5-48 48-48 48 21.5 48 48zM0 416V96C0 60.7 28.7 32 64 32H512c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zM128 224c-17.7 0-32 14.3-32 32V416H480V291.9c0-28.4-34.5-42.7-54.6-22.6L352 342.6 246.6 237.3c-12.5-12.5-32.8-12.5-45.3 0L128 310.6V224z"/></svg>');
}
header .header-side-nav__item--coding {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="black" d="M392.8 1.2c-12.3-3.6-25.5 .1-34.2 9.7l-128 144c-11.4 12.8-14.2 31.2-7.1 46.8s22.8 25.6 40 25.6l64.5 0-88.8 99.9c-11.4 12.8-14.2 31.2-7.1 46.8s22.8 25.6 40 25.6l64.5 0-88.8 99.9c-15.6 17.6-14 44.5 3.6 60.1s44.5 14 60.1-3.6l160-180c11.4-12.8 14.2-31.2 7.1-46.8s-22.8-25.6-40-25.6l-64.5 0 88.8-99.9c11.4-12.8 14.2-31.2 7.1-46.8s-22.8-25.6-40-25.6l-64.5 0 88.8-99.9c8.7-9.8 11.4-23.5 7-36S405.1 4.8 392.8 1.2z"/></svg>');
}
header .header-side-nav__item--site-check {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
}
header .header-side-nav__item--blog {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M362.7 19.3c25-25 65.5-25 90.5 0l39.5 39.5c25 25 25 65.5 0 90.5L194.7 447.3c-12 12-26.9 20.8-43.3 25.6L18.7 510.3c-8.5 2.4-17.7 .2-24.1-6.2s-8.6-15.6-6.2-24.1l37.4-132.7c4.8-16.4 13.6-31.3 25.6-43.3L362.7 19.3z"/></svg>');
}
header .header-side-nav__item--about {
  --header-side-nav-item-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm24 64h8c13.3 0 24 10.7 24 24V360h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H200c-13.3 0-24-10.7-24-24s10.7-24 24-24h8V272h-8c-13.3 0-24-10.7-24-24s10.7-24 24-24h48z"/></svg>');
}
header .header-side-nav_child_item > a {
  display: block;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0.875em;
  color: var(--wp--preset--color--font-color);
  transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s ease;
}
@media screen and (min-width: 769px) {
  header .header-side-nav_child_item:hover > a {
    color: var(--wp--preset--color--sub-color);
    background-color: var(--wp--preset--color--base-color);
    transform: translateX(6px);
  }
}

html:not(.dark-mode) header .theme-toggle__icon {
  background-color: transparent;
  border: 2px solid currentColor;
}
html:not(.dark-mode) header .theme-toggle__icon::after {
  top: 50%;
  left: 50%;
  right: auto;
  width: 4px;
  height: 4px;
  background-color: currentColor;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
  html {
    --header-side-nav-w: 0px;
  }
  main,
  footer {
    padding-left: 0;
  }
  header .header-menu-button {
    display: inline-flex;
  }
  header .header-side-nav {
    width: min(280px, 100vw - 20px);
    height: calc(100dvh - var(--header-nav-h) - 10px);
    position: fixed;
    top: var(--header-nav-h);
    left: 0;
    z-index: 20;
    margin-top: 0;
    transform: translateX(calc(-100% - 24px));
    transition: transform 0.4s ease;
  }
  header .header-side-nav__list {
    max-height: calc(100dvh - var(--header-nav-h));
  }
  header .header-side-nav__toggle {
    display: none;
  }
  header .header-side-nav__item {
    justify-content: center;
    flex-flow: column;
  }
  header .header-side-nav__item > ul {
    width: 100%;
    min-width: 0;
    position: static;
    display: none;
    margin-top: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: none;
  }
  header .header-side-nav__item.is-open > ul {
    display: block;
  }
  html.is-sp-side-nav-open header .header-side-nav {
    transform: translateX(0);
    padding-bottom: 0;
    overflow: auto;
  }
}
html.is-side-nav-collapsed header .header-side-nav {
  padding-inline: 10px;
}
html.is-side-nav-collapsed header .header-side-nav__toggle {
  justify-content: center;
}
html.is-side-nav-collapsed header .header-side-nav__toggle::before {
  transform: translate(-65%, -50%) rotate(45deg);
}
html.is-side-nav-collapsed header .header-side-nav__item {
  padding-inline: 0;
  justify-content: center;
}
html.is-side-nav-collapsed header .header-side-nav__item > h2 {
  padding: 0;
}
html.is-side-nav-collapsed header .header-side-nav__item > h2::before {
  left: 50%;
  transform: translate(-50%, -50%);
}
html.is-side-nav-collapsed header .header-side-nav__item > h2::after,
html.is-side-nav-collapsed header .header-side-nav__item > ul {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
html.is-side-nav-collapsed header .header-side-nav__item .header-side-nav__label {
  opacity: 0;
  transform: translateX(-8px);
  pointer-events: none;
  transition: none;
}

footer {
  width: calc(100% - var(--header-side-nav-w));
  padding-block: 10px;
  margin-left: auto;
  border-top: 1px solid var(--wp--preset--color--border-color);
  transition: width 0.4s ease;
  background-color: var(--wp--preset--color--background-color);
}
footer .footer-nav {
  display: flex;
  justify-content: center;
  gap: 10px 20px;
  padding-block: 10px;
  font-size: 0.875em;
}
@media screen and (max-width: 424px) {
  footer .footer-nav {
    flex-flow: column;
  }
}
footer .footer-nav a {
  display: inline-block;
  transition: color 0.4s ease, transform 0.4s ease;
}
@media screen and (min-width: 769px) {
  footer .footer-nav a:hover {
    color: var(--wp--preset--color--main-color);
    transform: translateY(-2px);
  }
}
footer .footer-copyright {
  display: flex;
  padding-block: 10px;
  font-size: 0.75em;
}
@media screen and (min-width: 425px) {
  footer .footer-copyright {
    justify-content: center;
    text-align: center;
  }
}

form:has(.wpcf7-form-control-wrap) p {
  margin-top: 0;
  margin-bottom: 0;
}
form:has(.wpcf7-form-control-wrap) p + p {
  margin-top: 25px;
}
form:has(.wpcf7-form-control-wrap) .wpcf7-spinner {
  display: none;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
  width: 100%;
  max-width: 100%;
  min-height: 45px;
  display: inline-block;
  padding: 9.5px 12px;
  border: 1px solid var(--wp--preset--color--border-color);
  border-radius: 7px;
  outline: none;
  appearance: none;
  font-size: inherit;
  font-weight: var(--theme-font-weight-regular);
  line-height: inherit;
  font-family: inherit;
  color: var(--wp--preset--color--font-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--wp--preset--color--background-color);
}

label:has(.wpcf7-form-control-wrap) strong {
  margin-bottom: 5px;
}

input[type=submit] {
  width: min(100%, 300px);
  display: block;
  margin-inline: auto;
  padding: 12px 30px;
  border: 1px solid var(--wp--preset--color--main-color);
  border-radius: 7px;
  transition: 0.4s ease;
  cursor: pointer;
  font-size: inherit;
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: inherit;
  color: #fff;
  background-color: var(--wp--preset--color--main-color);
}/*# sourceMappingURL=common.css.map */