*, *:before, *:after {
  box-sizing: border-box;
}
*, *:focus, *:active, *:focus:active {
  outline: none;
}

/*body {
  min-height: 100vh;
  padding: 1em;
}
*/
.review {
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 1em;
}
.review + .review {
  margin-top: 1em;
}

.review-red-bg{background:#DA251E;
padding:25px;
color:#fff;}

/*.review i {
  background-color: white;
  border-radius: 50%;
  border: 1px solid #000;
  padding: 10px;
}*/

.gray-bg {background:#f1f1f1;
padding:15px;
border-radius:15px 15px 0px 0px;
width: 100% !important;
margin: 0 auto;}

.gray-bg i {font-size:35px !important;}

.checked {
  color: #FEC400;
 }
 
 .star-yellow {color:#FC0;
 font-size:25px;}
 
 .star-gray {color:#f1f1f1;
 font-size:25px;}
 
 .shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-top:-20px !important;
border-radius:15px 15px 0px 0px !important;
z-index:1000;
/*position:absolute;*/}
 
 .container-shadow button {padding:15px;
 text-align:center;}
 
 .container-review {width:90%;
 float: none;
        margin: 0 auto;}
		
.review-btn {padding:15px;}


.share-button{
  width: 110px;
  height: 40px;
  background: #dfe6e9;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: .3s linear;
}

.share-button:hover{
  transform: scale(1);
}

.share-button span{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #DA251D;
  color: #f1f1f1;
  text-align: center;
  line-height: 40px;
  z-index: 999;
  transition: .6s linear;
  border-radius: 40px;
}

.share-button:hover span{
  transform: translateX(-100%);
  transition-delay: .3s;
}

.share-button a{
  flex: 1;
  font-size: 15px;
  color: #DA251D;
  text-align: center;
  transform: translateX(-100%);
  opacity: 0;
  transition: 0.3s linear;
}

.share-button:hover a{
  opacity: 1;
  transform: translateX(0);
}

.share-button a:nth-of-type(1){
  transition-delay: 1s;
}

.share-button a:nth-of-type(2){
  transition-delay: 0.8s;
}
.month-gray{color:#CCC;
font-size:15px;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
 
 .share-button{
  width: 80px;
  height: 30px;
  background: #dfe6e9;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: .3s linear;
}

  .share-button span{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #DA251D;
  color: #f1f1f1;
  text-align: center;
  line-height: 30px;
  z-index: 999;
  transition: .6s linear;
  border-radius: 40px;
} 
  .share-button a{
  flex: 1;
  font-size: 12px;
  color: #DA251D;
  text-align: center;
  transform: translateX(-100%);
  opacity: 0;
  transition: 0.3s linear;
}

 }