/* Дополняет css/btxt/btxt.css */
.btxt {
  grid-gap: 32px;
}
.btxt.btxt_display {
	display: grid;
	gap: 48px;
	grid-template-columns: 1fr;
}
.btxt_display .btxt__video {
  display: block;
	width: 100%;
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 12px;
  cursor: pointer;
}
.btxt_display .btxt__video:before {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition : 0.2s ease-in-out;
  -o-transition : 0.2s ease-in-out;
  transition : 0.2s ease-in-out;
}
.btxt_display .btxt__video:after {
  content: '';
  width: 100%;
  height: 100%;
  background: url('i/button-play.png') center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}

@media (min-width: 576px) { 
  .btxt.btxt_display {
    gap: 64px;
  }
  .btxt_display .btxt__video {
    border-radius: 24px;
  }
}

@media (min-width: 992px) { 
  .btxt.btxt_display {
    gap: 32px;
    grid-template-columns: 40% calc(60% - 32px);
  }
}
