/* STEP 1 — base bubble with a single border */
body.single blockquote.wp-block-quote.custom-blockquote{
  position: relative;
  background: #fff;
  border: 3px solid #1f6b1b;   /* single green border */
  border-radius: 18px;
  padding: 24px 28px;
  margin: 0 0 40px 0;          /* room below for the tail */
  overflow: visible;           /* let the tail sit outside */
}

/* STEP 2 — triangular tail (two-layer trick for a bordered triangle)
   Outer triangle = border color
   Inner triangle = bubble background, inset to show the border */
body.single blockquote.wp-block-quote.custom-blockquote::before{
  content: "" !important;
  position: absolute;
  left: 40px;                  /* ← move horizontally to taste */
  bottom: -18px;               /* sits just below the border */
  width: 0; height: 0;
  border-left: 18px solid #1f6b1b;   /* border color */
  border-top: 18px solid transparent;
  transform: skewX(-12deg);    /* slight angle like a speech bubble */
}

body.single blockquote.wp-block-quote.custom-blockquote::after{
  content: "" !important;
  position: absolute;
  left: 43px;                  /* 3px inset = border thickness */
  bottom: -16px;
  width: 0; height: 0;
  border-left: 15px solid #fff;      /* bubble background */
  border-top: 15px solid transparent;
  transform: skewX(-12deg);
}

/* Optional: quote text defaults */
body.single blockquote.wp-block-quote.custom-blockquote p{
  margin: 0;
  line-height: 1.6;
  color: #2e2e2e;
}