.button { color: #172021; }

.award-certificate {
  position: relative;
  overflow: hidden;
  margin-top: 42px;
  padding: 24px;
  color: #f4f6ef;
  background: #172021;
  border: 1px solid #40504b;
  box-shadow: inset 0 0 0 6px #172021, inset 0 0 0 7px rgba(205,250,84,.42);
}
.award-certificate::after {
  content: '✦';
  position: absolute;
  right: -14px;
  bottom: -55px;
  color: #cdfa54;
  font: 180px Georgia, serif;
  opacity: .12;
  transform: rotate(12deg);
}
.award-certificate__top,.award-certificate__footer {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font: 500 10px 'DM Mono', monospace;
  letter-spacing: 1.15px;
}
.award-certificate__top { color: #cdfa54; }
.award-certificate__top > span:last-child { font-size: 18px; line-height: .6; }
.award-certificate__body { position: relative; z-index: 1; padding: 38px 0 32px; }
.award-certificate .award-certificate__body > p { max-width: 420px; margin: 0 0 10px; color: #c3cec0; font-size: 12px; line-height: 1.6; }
.award-certificate .award-certificate__body h2 { margin: 0; color: #fff; font-size: clamp(28px,4vw,43px); line-height: 1.02; letter-spacing: -2px; }
.award-certificate .award-certificate__body .award-certificate__details { margin-top: 13px; color: #cdfa54; font: 500 11px 'DM Mono', monospace; letter-spacing: .4px; }
.award-certificate__footer { position: relative; z-index: 1; padding-top: 15px; color: #aebbae; border-top: 1px solid rgba(216,221,213,.25); }
.award-certificate__footer span:first-child { color: #fff; font-weight: 500; }

@media (max-width: 700px) {
  .award-certificate { padding: 20px; }
  .award-certificate__body { padding: 31px 0 26px; }
  .award-certificate__footer { display: grid; gap: 7px; }
}