settings-Add-on.css

div{
  display: block;
}
body{
  font-family: 'Poppins', sans-serif;
}
.Add-on-title{
    width: 100%;
    min-width: 768px;
    color: #2e2e2e;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:15px;
    clear: both;
}
.Add-on-title>h3{
  margin: 30px 10px 30px 0;
  font-size:21px;
  font-weight:500;
  line-height: 1.1;
  color: #4e4c4c;
  font-family:Arial,sans-serif;
}
.Add-on-client-box1,.Add-on-module-box1,.Add-on-module-box2,.Add-on-module-box3{
  width: 300px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  height: 232px;
  float:left;
  min-height: 232px;
  min-width: 300px;
  margin: 10px;
}
.Add-on-client-box1:hover,.Add-on-module-box1:hover,.Add-on-module-box2:hover,.Add-on-module-box3:hover{
  border: 1px solid #4bb063;
  box-shadow: 0 0 0 1pt #4bb063;
  border-color: transparent;
}
.Add-on-client-box1>h3{
  margin :20px 0px 20px 0px;
  font-size: 14px;
  font-weight:700;
  line-height:25px;
  padding: 0 20px;
  text-align:center;
  color: #4e4c4c;
}
.Add-on-client-box1>button{
    margin-left:25px;
    padding:0 50px;
    width:80%;
    text-align: center;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    height: 40px;
    font-size:14px;
    color:#2e2e2e;
    cursor: pointer;
}
.Add-on-client-box1>button:hover{
  background-color:#e6e6e6;;
}
.Add-on-module-box2>h3,.Add-on-module-box3>h3,.Add-on-module-box1>h3{
  margin :20px 0px 20px 0px;
  font-size: 14px;
  font-weight:700;
  line-height:25px;
  padding: 0 20px;
  text-align:center;
}
.Add-on-module-box2>button,.Add-on-module-box3>button{
  margin-left:25px;
  padding:0 50px;
  width:80%;
  text-align: center;
  background-color:#4bb063;
  border-color: #49ac61;
  border-radius: 8px;
  border: 1px solid transparent;
  height: 40px;
  font-size:14px;
  color: white;
  text-align: center;
  cursor: pointer;
}
.Add-on-module-box2>button:hover,.Add-on-module-box3>button:hover{
background-color:#62b876;
}
p{
  width:255px;
  height:95px;
  padding: 0 20px;
  font-size: 12px;
  text-align: center;
  color:#2e2e2e;
}
.button{
  display: flex;
  margin:10px
}
.btn-1,.btn-2{
  height: 40px;
  width:42%;
  margin-left:17px;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  font-size:14px;
  outline: none;
}
.btn-2{
    background-color: transparent;
    border: 1px solid #d6d6d6;
    color: #3e3e3e;
}
.btn-1{
  border: 1px solid #4bb063;
  background-color: transparent;
  color:#4bb063;
}
.btn-1:hover{
  background-color:#f7fff9;
}
.btn-2:hover{
  background-color:#e6e6e6;
}
Button:active, 
 Button:focus 
 {
     border:1px solid #4bb063;
     outline: none;
  }