/*=======================
  Table Style 4
=========================*/


 
  .table4 .table__header--badge {
    display: inline-block;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    background-color: #f98aa5;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    max-width: 120px;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    margin: auto; }
.button{
	padding: 8px;
background: #ffff;
}
    .table4 .table__header--price span {
      position: relative;
      right: -6px;
      font-size: 0.9em; }
  .table4 .table__content {
    color: #a8bbc1; }
  .table4.green .table__header--title {
    background-color: #93edc1; }
  .green .button {
    font-weight: 600;
    color: #70be9b;
    border: 1px solid #93edc1;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 0px 4px rgba(147, 237, 193, 0.4);
    box-shadow: 0 0 0px 4px rgba(147, 237, 193, 0.4);
    margin-bottom: 34px; }
    .green .button:hover {
      -webkit-box-shadow: 0 0 0px 6px rgba(147, 237, 193, 0.4);
      box-shadow: 0 0 0px 6px rgba(147, 237, 193, 0.4); }
  .table4.blue .table__header--title {
    background-color: #a0d8f2; }
 .blue .button {
    font-weight: 600;
    color: #67c3ef;
    border: 1px solid #a0d8f2;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 0px 4px rgba(160, 216, 242, 0.4);
    box-shadow: 0 0 0px 4px rgba(160, 216, 242, 0.4);
    margin-bottom: 34px; }
    .blue .button:hover {
      -webkit-box-shadow: 0 0 0px 6px rgba(160, 216, 242, 0.4);
      box-shadow: 0 0 0px 6px rgba(160, 216, 242, 0.4); }
  .table4.red {
/*    border-color: #f98aa5;*/ }
    .table4.red .table__header--title {
      background-color: #f98aa5; }
    .red .button {
      font-weight: 600;
      color: #fe87a4;
      border: 1px solid #f98aa5;
      border-radius: 44px;
      -webkit-box-shadow: 0 0 0px 4px rgba(249, 138, 165, 0.4);
      box-shadow: 0 0 0px 4px rgba(249, 138, 165, 0.4);
      margin-bottom: 34px; }
     .red .button:hover {
        -webkit-box-shadow: 0 0 0px 6px rgba(249, 138, 165, 0.4);
        box-shadow: 0 0 0px 6px rgba(249, 138, 165, 0.4); }
  .table4.yellow .table__header--title {
    background-color: #fedf85; }
  .yellow .button {
    font-weight: 600;
    color: #fdcc4c;
    border: 1px solid #fedf85;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 0px 4px rgba(254, 223, 133, 0.4);
    box-shadow: 0 0 0px 4px rgba(254, 223, 133, 0.4);
    margin-bottom: 34px; }
    .yellow .button:hover {
      -webkit-box-shadow: 0 0 0px 6px rgba(254, 223, 133, 0.4);
      box-shadow: 0 0 0px 6px rgba(254, 223, 133, 0.4); }
  .table4:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); 
  
 
  -webkit-transition: margin-top 1.3s linear;
  transition: margin-top 0.3s linear;
  }
  
.light_green .button {
font-weight: 600;
/* color: #70be9b; */
color:black;
background-color: #93edc1;
border: 1px solid #93edc1;
border-radius: 44px;
-webkit-box-shadow: 0 0 0px 4px rgba(147, 237, 193, 0.4);
box-shadow: 0 0 0px 4px rgba(147, 237, 193, 0.4);
margin-bottom: 34px; }
.light_green .button:hover {
-webkit-box-shadow: 0 0 0px 6px rgba(147, 237, 193, 0.4);
box-shadow: 0 0 0px 6px rgba(147, 237, 193, 0.4);
color:black }

.pink .button {
font-weight: 600;
/* color: #70be9b; */
color:black;
background-color: #ffadc7;
border: 1px solid #ffadc7;
border-radius: 44px;
-webkit-box-shadow: 0 0 0px 4px rgba(234, 147, 237, 0.4);
box-shadow: 0 0 0px 4px rgba(237, 147, 229, 0.4);
margin-bottom: 34px; }
.pink .button:hover {
	-webkit-box-shadow: 0 0 0px 6px rgba(234, 147, 237, 0.4);
	box-shadow: 0 0 0px 6px rgba(237, 147, 229, 0.4);
color:black }