添加填充：0 20px；不适用于添加边框

Question

我如何使它与添加的边框一起使用？

左侧为21像素，右侧为14像素。

我需要在代码中进行哪些调整？

.tcell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}

代码 https://jsfiddle.net/udsav90r/2/

完整代码：

html,
body {
  height: 100%;
  background: #000000;
  padding: 0;
  margin: 0;
}

.outer {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}

.tcell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}

.video-wrapper {
  min-width: 40%;
  max-width: 789px;
  margin: auto;
}

.ratio-keeper {
  position: relative;
  padding-top: 56.25%;
}

.video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video {
  border-radius: 25px;
  border: 3px solid green;
}