Blog Sprechblase mit Box Shadow

Hallo,

komme irgendwie nicht weiter. Ich möchte die Blogausgabe als Sprechblase ausgeben, dazu habe ich die
folgenden CSS Anweisungen geschrieben:

Für den Blogcontainer

#main .container.template-blog article .entry-content-wrapper{
   position: relative;
   background-color: #2ecc71;
   color: #ffffff;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   margin-bottom: 50px;
   border-top-style: solid;
   border-right-style: solid;
   border-right-width: 0px;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-left-radius: 20px;
   border-radius: 75;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
   box-shadow: 2px 4px 10px 0px rgb(213, 213, 213);
   border-right-color: rgba(211, 217, 221, 0);
   border-bottom-color: rgba(211, 217, 221, 0);
   border-left-color: rgba(211, 217, 221, 0);
   border-top-color: rgba(211, 217, 221, 0);
   border-width: 3px;
   border-color: #27ae60;
}

Und für den Pfeil

#main .container.template-blog article .entry-content-wrapper::after{
position:absolute;
width: 50px;
height: 50px;
border-top: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-unten: 0px solid #ffffff;
border-links: 0px solid #ffffff;
top:100%;
left: 10%;
margin-left: 100px auto;
content: "";
transform: rotate(45deg);
margin-top:-25px;
background: #cccccc;
}

Dieser wird jedoch nicht angezeigt.

Im Inspektor von Firefox sieht das ganze so aus:

Hat jemand einen Rat?