mark {
  background: none;
  color: inherit;
  font-weight: inherit;
}

.button {
  background: linear-gradient(0deg, rgb(247, 207, 2), rgb(255, 252, 189));
  transition: all 0.2s linear;
}

.button:hover {
  background: rgb(253, 213, 14);
}

.scale {
  transition: all 0.2s linear;
}

.scale:hover {
  scale: 1.06;
}

.bg-gradient-yellow {
  background: linear-gradient(to top, #3a2c2b, #d17f5f);
}

.secondary-border {
  box-shadow: #f2d3ca 0px 0px 0px 3px inset, #d17f5f 0px 0px 10px 0px;
}

.primary-border {
  box-shadow: #3a2c2b 0px 0px 0px 3px inset, #d17f5f 0px 0px 10px 0px;
  border-radius: 6px;
}

.bg-customContent {
  background: radial-gradient(circle, #3a2c2b 0px, #49302b 100%);
}

.bg-secondary-customContent {
  background: linear-gradient(to top, #d17f5f 50%, #3a2c2b 51%);
}

.bg-secondary-customContent:hover {
  background: linear-gradient(to top, #3a2c2b 50%, #d17f5f 51%);
}

@media screen and (min-width: 768px) {
  .shape-primary {
    background: linear-gradient(90deg, #3a2c2b, #d17f5f, #3a2c2b);
  }

  .shape-normal {
    background: #d17f5f;
  }

  .shape {
    clip-path: polygon(0% 0%, 0 70%, 50% 100%, 100% 70%, 100% 0%);
  }
}