Blockquote Code

.post blockquote{
padding:20px;
position:relative;
background:#FFDFEF;}
.post blockquote:first-letter {
color:#aaa;
font-weight:bold;
font-style:italic;
font-size:23px;
font-family:Georgia;
text-transform:uppercase;}
.post blockquote:before{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #FFDFEF;
border-right-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
border-right:;
position:absolute;
margin:0px -20px;
top:0%;
right:100%;
color:#F5CAFF;
font:55px/55px arial, sans-serif;
content:'“';
display:block;
float:left;}
.post blockquote:after{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #FFDFEF;
border-left-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
position:absolute;
margin:0px -20px;
bottom:0%;
left:100%;
color:#F5CAFF;
font:55px/55px arial, sans-serif;
content:'”';
display:block;
float:left;
}
.post blockquote:hover {
background-position:right;
-webkit-transition: 1s;
}