/* ==========================================================================
   Index of css files */

.btn-group-pl button {
  background-color: #B497FF;
  border: 1px solid #B497FF;
  color: white;
  font-size: 1.7rem;
  padding: 20px 15px; 
  cursor: pointer;
  float: left;
  width:16.66%;
  
}

/* Clear floats (clearfix hack) */
.btn-group-pl:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group-pl button:hover {
  background-color: hsla(257, 100%, 80%, 0.5);
}

@media screen and (max-width: 601px) {
.btn-group-pl button {
  width:100% !important;
  margin: 2px;
  display: none;
}
}

.wrap{
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

.btn{
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  background-color: #B497FF;
  border: 1px solid #B497FF;
  color: white;
  font-size: 1.4rem;
  padding: 18px 0px; 
  cursor: pointer;
}

.btn:hover {
  background-color: hsla(257, 100%, 80%, 0.5);
}

@media screen and (max-width: 600px) {
  .wrap{
    /*display: none;*/
    flex-direction: column;
  }
  .btn{    
    border: 1px solid #fFF;
  }
}