<h2>Dual border effect with outline and border</h2>

<div class="box"></div>

body {
  padding: 40px;
}

h2 {
  text-align: center;
  margin: 0 0 40px;
}

.box {
  width: 200px;
  height: 200px;
  background: #ccc;
  margin: auto;
  border: solid 8px yellow;
  outline: solid 8px orange;
}