.context-menu {
  position: absolute;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: 0.1vmax solid #B0B0B0;
  border-radius: 9%;
  box-shadow: 0 0.5vmax 0.5vmax #B0B0B0;
  padding: 1vmax 0 1vmax 0;
  flex-direction: column;
  display: none;
  z-index: 1000;
}

.context-menu button {
  font-size: 1.2vmax;
  font-family: "trebuchet ms", "tahoma", sans-serif;
  color: #505050;
  background-color: transparent;
  border: none;
  padding: 0.4vmax 1.4vmax;
  text-align: left;
  width: 100%;
}

.context-menu button:focus {
  background-color: #F0F0F0;
}
.context-menu button:hover {
  background-color: #F0F0F0;
}
@media screen and (max-width: 980px) {
  .context-menu button {
    font-size: 3vmax;
  {
}