/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
 * 
 * # GTM Directions Block
 * 
 * -------------------------------------------------------------------------- */
.wp-block-gtm-directions.is-style-default .wp-block-gtm-directions__title, .wp-block-gtm-directions:not([class*=is-style]) .wp-block-gtm-directions__title {
  color: var(--wp--preset--color--primary);
  font-weight: bold;
  font-size: var(--wp--preset--font-size--3-xl);
  font-family: var(--gtm--font-family--heading);
}

/* -----------------------------------------------------------------------------
 * 
 * # GTM Direction Block
 * 
 * -------------------------------------------------------------------------- */
.wp-block-gtm-direction.is-style-default::before, .wp-block-gtm-direction:not([class*=is-style])::before {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
  font-weight: bold;
}
.wp-block-gtm-direction.is-style-default .wp-block-gtm-direction__title, .wp-block-gtm-direction:not([class*=is-style]) .wp-block-gtm-direction__title {
  font-weight: 500;
}
.wp-block-gtm-direction.is-style-default .wp-block-gtm-direction__mark-as-done-container, .wp-block-gtm-direction:not([class*=is-style]) .wp-block-gtm-direction__mark-as-done-container {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--tertiary);
  background: var(--wp--preset--color--area-bg-3);
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 4px;
}