#perde {
 display: none;
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color: black;
 opacity: 0.8;
 filter: alpha(opacity=80);
 z-index: 100;
 }
 
.ac-kapa {
  position: relative;
  background-color: #35bf9d;
  z-index: 101;
  padding: 10px;
  color: white !important;
  text-align: center;
  text-decoration: none !important;
  text-indent: -9999px; /* если нужно скрыть текст */
  border: none !important;
  outline: none !important;
  transition: background-color 0.3s ease, transform 0.3s ease; /* добавляем плавное изменение фона и масштабирование */
}

.ac-kapa:hover,
.ac-kapa:focus,
.ac-kapa:active {
  color: white !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  background-color: #2c9b7b; /* затемнённый оттенок */
  transform: scale(1.05); /* добавлено лёгкое увеличение */
}


.video {
    position: relative;
    z-index: 101;
    display: block;
}