@charset "utf-8";

/* -------------------------------
 вертикальное меню
 ----------------------------------*/
.vertical-menu { 
  position: relative;
  list-style-type: none;
  margin: auto;
  padding: 0;
  width: 92%;    
}

.vertical-menu li {
  display: block; 
  border: 2px solid #fff;
  padding: 4px;
  background-color: #006600;
}

.vertical-menu li a {
  text-decoration: none; 
  font-size:20px;
  color: #FFFF00;
}

.vertical-menu li:hover {
  background-color: #00C600;
}

/* -------------------------------
 кнопки к видео
 ----------------------------------*/
 .c-button {
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #00CC00;
  color: #FFFFFF ;
  padding: 8px 16px;
  font-size: 16px;
  margin: auto;
}
.c-button:hover {
  background: #1d49aa;
}
.c-button:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}
.c-button { 
   width: 8vh;    
   font-family: inherit; 
   margin-top:2px;   
   padding-left: 8px;
   padding-right: 8px;
}