img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.creator-m16 {
  background-image: url(../images/bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: cover;
  background-attachment: fixed;
  min-height: 200vh;
  color: #404040;
  overflow-x: hidden;
}

.creator-m16 .pd-block {
  background-color: transparent;
}

.creator-m16 .common-btn {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 10px 25px;
  border-radius: 30px;
  background: #ab8d7f;
  background: linear-gradient(18deg, #a38678 10%, #d5c1b8 50%);
  -webkit-box-shadow: 0 0 5px #52362b inset;
          box-shadow: 0 0 5px #52362b inset;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 0;
}

.creator-m16 .common-btn:hover {
  background: #ab8d7f;
}

.creator-m16 .common-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5px;
  border-radius: 30px;
  background: linear-gradient(14deg, #7c4834 0%, #c1a092 35%, #ffffff 49%, #d5c1b8 65%, white 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.creator-m16 .common-btn::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: -1;
  height: 85%;
  width: 98%;
  border-radius: 50px;
}