[ui-whatsapp] {
  color: var(--color-on-success);
  background-color: var(--color-success);
}
[ui-whatsapp]:hover {
    background-color: color-mix(in srgb, var(--color-on-success-container) 50%, var(--color-success));
  }
/* FAB */
[ui-whatsapp][data-type="fab"] {
    position: fixed;
    clip-path: circle();
    padding: var(--spacing-12);
    inset-block-end: var(--spacing-12);
    inset-inline-end: var(--spacing-12);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-standard-default-effects);
  }
[ui-whatsapp][data-type="fab"] > svg {
      width: 30px;
      height: 30px;
    }
/* CTA */
[ui-whatsapp][data-type="cta"] {
    height: fit-content;
    justify-content: start;
    padding-block: var(--spacing-12);
  }
[ui-whatsapp][data-type="cta"] > svg {
      width: 25px;
      height: 25px;
    }
[ui-whatsapp][data-type="cta"] .info {
      display: grid;
      gap: var(--spacing-4);
    }
:is([ui-whatsapp][data-type="cta"] .info) .subtitle {
        opacity: 0.8;
        font: var(--font-body-sm);
      }