.ttt > p {
    text-indent: 6%;
}
.ttt >Xp::before {
  content: "آیه:";
  background-color: yellow;
  color: red;
  font-weight: bold;
}
.ttt>gg{
  color :#f00;
  font-size: 13pt;
}
.ttt gg:before {
			Xcontent: counter(my-badass-counter);
			Xcounter-increment: my-badass-counter;
}

.ttt> gg:after{
  content:"--"
}

fff {

color: #0022d2;

font-family: btitr;

font-size: 9pt;

cursor: pointer;

background: linear-gradient(180deg, #fdfbfb 0%,#ebedee 100% );

padding: 2px 8px;

border-radius: 4px;

border-width: 1px;

border-style: solid;

border-color: #ececec #d0d0d0  #d0d0d0 #ececec;
}
.bounce{
  /* color: #0022d2; */
  /* font-family: btitr; */
  font-size: 13pt;
  /* cursor: pointer; */
  background: none;
}

.ttt {
	counter-reset: my-badass-counter;
}