/* .gradient-card{ 
  border: 1.2px solid transparent; 
  border-radius: 12px;
   background: linear-gradient(#100f0f, #090808) padding-box,
   linear-gradient(70deg, #a5a4a4, #555, #010000) border-box; 
   box-shadow: -1px 1px 5px 1px rgb(61, 61, 61);

  }  */

.gradient-card{ 
  position: relative;
   border-radius: 12px; z-index: 1;
   }
   
   .gradient-card::before{ 
     content: "";
       position: absolute; 
       inset: 0;
       padding: 1px; 
      border-radius: 12px;
       background: linear-gradient(70deg, #4e4d4d,#4e4d4d, #000000, #000000);
       -webkit-mask: linear-gradient(#000000 0 0) content-box, 
      linear-gradient(#000 0 0); 
     -webkit-mask-composite: xor; 
      mask-composite: exclude;
       z-index: -1; }


.fa-solid:hover{
   margin-top:-3px;

}

button{
    box-shadow: -3px 2px 5px 1px rgb(0, 0, 0);
    transition: 1s;
}

button:hover{
    box-shadow: 3px -2px 5px 1px rgb(118, 117, 117);
}

.btn-main:hover{
    box-shadow: -3px 2px 5px 1px rgb(3, 198, 16);

 margin-bottom: 10px;
}

header:hover{
    width: auto;
    height: auto;
    border-radius: 50px;
    box-shadow: -5px 2px 5px 1px rgba(162, 160, 160, 0.66);

}
.header-button:hover{
  border-radius: 50px;
    box-shadow: -5px 4px 7px 5px rgba(26, 186, 26, 0.477);
transition: 0.3s;
}