crea un my-btn con estilo demasiado bonito, al dar clic cambia de color

.my-btn {
      padding: 10px 20px;
      font-size: 24px;
      border: 2px solid #000;
      transition: all .2s ease;
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .my-btn:hover {
      background: #fff;
      color: #000;
      cursor: pointer;
    }