@-webkit-keyframes acordion2fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes acordion2fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.original{
	color: #bd993c;
}
.accordion2 .extra {
  display: none;
}
.accordion2 p {
  line-height: 2em;
  display: inline;
}
.accordion2 input[type="checkbox"] {
  height: 2em;
  display: block; 
  appearance: none;
}
.accordion2 label {
  position: relative;
  padding: 0;
  background-color: rgba(255,255,255,0.0);
  cursor: pointer;
  border-radius: 0;
}
.accordion2 label:before {
  content: "MOSTRAR RECEITA";
}
.accordion2 input[type="checkbox"]:checked ~ label:before {
  content: "OCULTAR RECEITA";
  color: #bd993c;
}
.accordion2 .dots:has(~ input[type="checkbox"]:checked) {
  display: none;
}
.accordion2 .extra:has(~ input[type="checkbox"]:checked) {
  display: inline;

-webkit-animation: acordion2fadeIn 1s;
    animation: acordion2fadeIn 1s;
}