/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/post-interact/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-cp2-post-interact {
  display: flex;
  flex-direction: column;
}

.wp-block-cp2-post-interact .cbxwpbkmarktrig-label {
  margin-left: 3px;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.wp-block-cp2-post-interact .cbxwpbkmarktrig-icon {
  padding: 10px;
}

.post-interact__inner {
  display: flex;
  -moz-column-gap: var(--spacing-4x, 16px);
       column-gap: var(--spacing-4x, 16px);
  align-items: center;
}

.post-interact__share-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 24px;
  height: 24px;
}

.post-interact__share-btn svg {
  pointer-events: none;
}

.post-interact__share-btn:hover,
.post-interact__share-btn:focus,
.post-interact__share-btn:active {
  background-color: transparent;
}

.share-popup {
  position: absolute;
  background-color: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
}

.share-popup__content {
  display: flex;
  flex-direction: column;
}

.share-popup .social-rocket-buttons {
  display: flex !important;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.share-popup__content .social-rocket-button {
  background: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.share-popup__content .social-rocket-button i {
  color: black;
  padding: 0;
}

.share-popup .social-rocket-buttons .social-rocket-button,
.share-popup .social-rocket-buttons .social-rocket-button:last-child,
.share-popup .social-rocket-buttons .social-rocket-shares-total {
  margin-bottom: 0;
  margin-right: 0;
}

.post-interact__tag-divider {
  width: 100%;
  border: 1px solid var(--cp-light-gray);
  margin-bottom: var(--spacing-4x, 16px);
}

.post-interact__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4x, 16px);
  margin-top: var(--spacing-1x, 4px);
  max-width: 190px;
}

.post-interact__tags:has(.post-interact__tag) {
  padding-bottom: var(--spacing-4x, 16px);
}

.post-interact__tag {
  font-size: 12px;
  border: 1px solid var(--cp-light-gray);
  border-radius: 4px;
  padding: var(--spacing-1x, 4px);
  color: #464646;
  text-decoration: none;
}

@media (max-width: 1222px) {
  .wp-block-cp2-post-interact {
    margin-top: var(--spacing-12x, 48px);
    padding: 0 var(--spacing-6x, 24px);
  }
  .post-interact__tag-divider {
    max-width: 240px;
    width: 100%;
  }
}

/*# sourceMappingURL=style-index.css.map*/