.hot-title-row {
  align-items: center;
}

.hot-open-link {
  text-decoration: none;
}

.hot-frame-shell {
  height: calc(100vh - 178px);
  min-height: 560px;
  overflow: hidden;
  background: #061014;
}

.hot-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #061014;
}

@media (min-width: 901px) {
  .hot-frame-shell {
    height: calc(100vh - 139px);
    min-height: 640px;
  }
}

@media (max-width: 650px) {
  .hot-title-row {
    align-items: center;
  }

  .hot-open-link {
    flex: 0 0 auto;
    padding: 0 11px;
  }

  .hot-frame-shell {
    height: calc(100vh - 170px);
    min-height: 520px;
    border-radius: 8px;
  }
}