jaat

*{margin: 20px;}

.a{background-color: gray; color: whitesmoke;border: none;border-radius: 15px;box-shadow: 5px 5px 0px;color: black;margin: 20px; }      

.a:hover{background-color: aqua;color: rgb(255, 255, 255);box-shadow: 5px 5px 5px;color: rgb(0, 0, 0) ;cursor: pointer;}

.b{background-color: rgb(218, 15, 15); padding-left: 10px;padding-right: 10px;color: rgb(81, 243, 5);border: none;border-radius: 15px;box-shadow: 5px 5px 0px;;color: rgb(83, 6, 224 );margin: 20px; }

.b:hover {background-color: rgb(231, 235, 10);color: rgb(255, 255, 255);box-shadow: 5px 5px 5px;color: rgb(0, 0, 0);cursor: pointer; }

.c{background-color: rgb(241, 218, 6); color: rgb(81, 243, 5);border: none;border-radius: 15px;box-shadow: 5px 5px 0px;color: rgb(224, 6, 133);margin: 20px;   }

.c:hover {background-color: rgb(248, 4, 175);color: rgb(245, 16, 16);box-shadow: 5px 5px 5px;color: rgb(0, 0, 0) ;cursor: pointer;;}

.d{background-color: rgb(218, 5, 122); color: rgb(255, 255, 255);border: none;border-radius: 15px;box-shadow: 5px 5px 0px;color: rgb(0, 0, 0);margin: 20px; }

.d:hover {background-color: rgb(6, 231, 6);color: rgb(245, 16, 16);box-shadow: 5px 5px 5px;color: rgb(0, 0, 0) ;cursor: pointer;}