Как сделать вот такую рамку?

function playSound(sound) {
  var song = document.getElementById(sound);
  song.volume = 1;
  if (song.paused) {
    song.play();
  } else {
    song.pause();
  }
}

function classToggle() {
  ico.classList.toggle('i__play');
  ico.classList.toggle('i__pause');
  active.classList.toggle('div');
  active.classList.toggle('div__active');
}
var active = document.querySelector('.div');
var ico = document.querySelector('i');
document.querySelector('#button').addEventListener('click', classToggle);

var grounds = [
  'https://inteleqtika.com/wp-content/uploads/2019/09/5f8f7315229a10640a4319bb244ca199.jpg',
  'https://img1.akspic.ru/image/25765-windows_10-vselennaya-zemlya-kosmicheskoe_prostranstvo-microsoft_windows-2048x1152.jpg', 'https://static.tumblr.com/384288505793149ce71fbdbfc0eb33ee/yzamvjg/JVBoxhk02/tumblr_static_6sewy9zjfeccck0o8w048ggcs.jpg',
  'https://versiya.info/uploads/posts/2018-11/1543574439_interesnye-fakty-vselennaya-778143.jpeg'
];
var index = 0;
var t = 1;
var len = grounds.length;
var div = $('.div');
(function setBackgroundImage() {
  !document.querySelector('.div__active') || div.css({
    'background-image': `url(${grounds[++index % len]})`
  });
  window.setTimeout(setBackgroundImage, t * 41900)
})()

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #080c18;
}

.div,
.div__active {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: url('https://inteleqtika.com/wp-content/uploads/2019/09/5f8f7315229a10640a4319bb244ca199.jpg') center bottom no-repeat;
  background-size: cover;
  filter: blur(1em);
}

.div__active {
  filter: none;
  animation: zoom 40s linear infinite;
}

@keyframes zoom {
  50% {
    transform: scale(2.5);
  }
}

.button {
  outline: none;
  border: none;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40%;
  width: 300px;
  margin: 0 auto;
  padding: 10px 30px 10px 44px;
  color: cornflowerblue;
  font-family: monospace;
  font-size: 20px;
  transition: all 1s ease;
  background: linear-gradient(90deg, #001011, #4a82ad) 0 0/100% 1px no-repeat, linear-gradient(90deg, #4a82ad, #001011) 0 100%/100% 1px no-repeat, linear-gradient(0deg, #4a82ad, #001011) 0 0/1px 100% no-repeat, linear-gradient(0deg, #001011, #4a82ad) 100% 0/1px 100% no-repeat;
}

.button:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: 0.5;
  background: linear-gradient(90deg, #f1f1f1, #f1f1f1) 100% 0/4% 3px no-repeat, linear-gradient(0deg, #f1f1f1, #f1f1f1) 100% 0/3px 30% no-repeat, linear-gradient(90deg, #f1f1f1, #f1f1f1) 0 100%/4% 3px no-repeat, linear-gradient(0deg, #f1f1f1, #f1f1f1) 0 100%/3px 30% no-repeat;
  filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff);
}

.button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #ffffff, #ffffff) 100% 0/4% 1px no-repeat, linear-gradient(0deg, #ffffff, #ffffff) 100% 0/1px 30% no-repeat, linear-gradient(90deg, #ffffff, #ffffff) 0 100%/4% 1px no-repeat, linear-gradient(0deg, #ffffff, #ffffff) 0 100%/1px 30% no-repeat;
}

.button:hover {
  color: white;
  letter-spacing: 0.4px;
}

.button>.i__pause:before,
.button>.i__play:before {
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -7px;
}

.button>.i__pause:before {
  width: 8px;
  height: 14px;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
}

.button>.i__play:before {
  border: 8px solid transparent;
  border-left: 14px solid cornflowerblue;
}

.button:hover .i__pause:before {
  border-left: 3px solid darkred;
  border-right: 3px solid darkred;
}

.button:hover .i__play:before {
  border-left: 14px solid darkred;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<audio id="sound"><source src="https://cdn.drivemusic.me/dl/online/Ro_TmDnjPpIZjo4G_On5JA/1584511306/download_music/2011/12/space-magic-fly.mp3" type="audio/mp3"></audio>
<div class="div"></div><button id="button" class="button" onclick="playSound('sound')"><i class="i__play"></i>Начать путешествие</button>