/* V642 — Concretta six sub-product groups, TR + EN.
   Hero/type layout is already shared by V625/V626.
   This layer normalizes body support CTAs and final project CTAs. */

html body.ct-product-hero-standard-v625 :is(
  .micro151-text-link,
  .micro151-docs a,
  .micro151-inline-links a,
  .micro151-gallery-links a,
  .micro151-color-foot a,
  .cp593-support-cta,
  .bm614-body-cta,
  .o623-body-cta,
  .u622-body-cta,
  .ws624-body-cta
){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  gap:7px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-decoration:none!important;
}

html body.ct-product-hero-standard-v625 :is(
  .micro151-text-link,
  .micro151-docs a,
  .micro151-inline-links a,
  .micro151-gallery-links a,
  .micro151-color-foot a,
  .cp593-support-cta,
  .bm614-body-cta,
  .o623-body-cta,
  .u622-body-cta,
  .ws624-body-cta
)::before,
html body.ct-product-hero-standard-v625 :is(
  .micro151-text-link,
  .micro151-docs a,
  .micro151-inline-links a,
  .micro151-gallery-links a,
  .micro151-color-foot a,
  .cp593-support-cta,
  .bm614-body-cta,
  .o623-body-cta,
  .u622-body-cta,
  .ws624-body-cta
)::after{
  content:none!important;
  display:none!important;
}

html body.ct-product-hero-standard-v625 .micro151-invite-actions .micro151-button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 7px!important;
  gap:7px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

html body.ct-product-hero-standard-v625 .micro151-invite-actions .micro151-button::before{
  content:none!important;
  display:none!important;
}
html body.ct-product-hero-standard-v625 .micro151-invite-actions .micro151-button::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  margin:0!important;
  background:currentColor!important;
  opacity:0!important;
  transform:none!important;
  transform-origin:left center!important;
  transition:width .34s cubic-bezier(.22,.61,.36,1),opacity .22s ease,height .22s ease!important;
  pointer-events:none!important;
}
html body.ct-product-hero-standard-v625 .micro151-invite-actions .micro151-button:is(:hover,:focus-visible)::after{
  width:100%!important;
  height:2px!important;
  opacity:.92!important;
}

html body.ct-product-hero-standard-v625 :is(
  .micro151-text-link,
  .micro151-docs a,
  .micro151-inline-links a,
  .micro151-gallery-links a,
  .micro151-color-foot a,
  .cp593-support-cta,
  .bm614-body-cta,
  .o623-body-cta,
  .u622-body-cta,
  .ws624-body-cta,
  .micro151-invite-actions .micro151-button
) .ct63-arrow{
  display:inline-block!important;
  flex:0 0 auto!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transition:transform .24s ease!important;
}
html body.ct-product-hero-standard-v625 :is(
  .micro151-text-link,
  .micro151-docs a,
  .micro151-inline-links a,
  .micro151-gallery-links a,
  .micro151-color-foot a,
  .cp593-support-cta,
  .bm614-body-cta,
  .o623-body-cta,
  .u622-body-cta,
  .ws624-body-cta,
  .micro151-invite-actions .micro151-button
):is(:hover,:focus-visible) .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

@media (max-width:700px){
  html body.ct-product-hero-standard-v625 :is(
    .micro151-text-link,
    .micro151-docs a,
    .micro151-inline-links a,
    .micro151-gallery-links a,
    .micro151-color-foot a,
    .cp593-support-cta,
    .bm614-body-cta,
    .o623-body-cta,
    .u622-body-cta,
    .ws624-body-cta,
    .micro151-invite-actions .micro151-button
  ){
    font-size:13px!important;
    line-height:1.3!important;
    letter-spacing:.02em!important;
  }

  html body.ct-product-hero-standard-v625 .micro151-invite-actions .micro151-button{
    gap:7px!important;
    white-space:normal!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.ct-product-hero-standard-v625 :is(
    .micro151-text-link,
    .micro151-docs a,
    .micro151-inline-links a,
    .micro151-gallery-links a,
    .micro151-color-foot a,
    .cp593-support-cta,
    .bm614-body-cta,
    .o623-body-cta,
    .u622-body-cta,
    .ws624-body-cta,
    .micro151-invite-actions .micro151-button
  ) .ct63-arrow,
  html body.ct-product-hero-standard-v625 .micro151-invite-actions .micro151-button::after{
    transition:none!important;
  }
}