.dropbtn {
  background: #19064d;
background: linear-gradient(132deg, rgba(25, 6, 77, 1) 0%, rgba(180, 54, 186, 1) 100%);
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius:50px;
  transition:0.5s ease;
transition: transform 0.3s ease-in-out;
}

.dropbtn:hover{
 filter:brightness(0.85);
}
.dropbtn:active{
 transform:scaleX(0.9);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  position: absolute;
  background-color: black;
  min-width: 160px;
  overflow: auto;
  box-shadow: 8px 16px 16px 0px rgba(0,0,0,0.4);
  z-index: 1;
  transform:scaleY(0) scaleX(0.5) translateY(-50%);
  border-radius:10px;
  opacity:0;
  transition: 0.5s ease;
  border-color:rgb(55, 56, 177);
  border-width:3px;
  border-style:solid;
  transform-origin: 25% 0%;
  animation: dropdown-content-border 1s linear infinite;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background:rgb(10,10,10)}

#dropDown.show {
    transform:scaleY(1) scaleX(1);
    opacity:1;
}

@keyframes dropdown-content-border {
    50%{
        border-color:rgb(180, 54, 186);
    }
    /*
    100%{
        border-color:rgb(25, 6, 77);
    }*/
}