Notch Corners

.btn-notch-corners {
  display: inline-block;
  padding: 13px 30px;
  border: none;
  background: #1e293b;
  color: #7dd3fc;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  transition: background 0.2s ease, color 0.2s ease;
}
.btn-notch-corners:hover {
  background: #334155;
  color: #bae6fd;
}
.btn-notch-corners:active {
  background: #0f172a;
}