.pasiva_content {
  --text-color: #545454;
  --background-color: #fdf8f4;
  --type-background: #c9abc8;
  --code-background: #f5f5f5;
}

.pasiva_content {
  width: 40%;
  color: var(--text-color);
  background-color: var(--background-color);
  border-radius: 7px;
  margin: 10px;
  text-align: justify;
  padding: 7px 13px;
  cursor: default;
  box-shadow: 2px 2px 4px black;
  margin: 5px 70px 10px 210px;
  font-family: Open Sans;
}

.pasiva_content .type {
  background-color: var(--type-background);
  border-radius: 7px;
  margin: 10px;
  color: #fff;
  text-align: center;
  width: 40%;
  height: 20px;
  border: 1px solid #bfbfbf;
}

.pasiva_content .code_container {
  display: flex;
  justify-content: start;
  padding: 0.5rem 0.5rem 0.25rem;
}

.pasiva_content .code_container .code {
  background: var(--code-background);
  border-radius: 16px!important;
  padding: 4px 12px;
  font-size: 10px;
  border: 1px solid #bbb;
  cursor: pointer;
  font-weight: bold;
}

.pasiva_content .code_container .code:hover {
  background-color: var(--primary-hover);
  color: #fff;
}