.file-name[hidden],
.expiration-notice[hidden] {
  display: none;
}

.file-name {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  margin: -7px 0 18px;
  padding: 10px 12px;
  border: 1px solid #d9e2dc;
  border-radius: 9px;
  background: #f7faf8;
  color: #516059;
  font-size: 12px;
}

.file-name span {
  flex: none;
  color: #708078;
  font-size: 10px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.file-name strong {
  overflow: hidden;
  color: #21332b;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-name + .expiration-notice {
  margin-top: -8px;
}

.expiration-notice {
  margin: -7px 0 18px;
  padding: 10px 12px;
  border: 1px solid #e8d39a;
  border-radius: 9px;
  background: #fff8e7;
  color: #75520a;
  font-size: 12px;
  font-weight: 620;
  line-height: 1.45;
  text-align: center;
}

.expiration-notice.expired {
  border-color: #e2b9b2;
  background: #fff2f0;
  color: #943d31;
}

.download-button:disabled {
  cursor: not-allowed;
  background: #8b9690;
  box-shadow: none;
  transform: none;
}