.rotate-scale-up {
	-webkit-animation: rotate-scale-up 0.65s linear both;
	        animation: rotate-scale-up 0.65s linear both;
}
/**
 * ----------------------------------------
 * animation rotate-scale-up
 * ----------------------------------------
 */
@-webkit-keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
            opacity: 0
  }
  50% {
    -webkit-transform: scale(2) rotateZ(180deg);
            transform: scale(2) rotateZ(180deg);
            opacity: 0.5
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
            opacity: 1
  }
}
@keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
            opacity: 0
  }
  50% {
    -webkit-transform: scale(2) rotateZ(180deg);
            transform: scale(2) rotateZ(180deg);
            opacity: 0.5
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
            opacity: 1
  }
}

.flip-horizontal-bottom {
	-webkit-animation: flip-horizontal-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-horizontal-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
/**
 * ----------------------------------------
 * animation flip-horizontal-bottom
 * ----------------------------------------
 */
@-webkit-keyframes flip-horizontal-bottom {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes flip-horizontal-bottom {
	0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.cbutton:focus {
  outline: 0;
  color: #fff;
}
.cbutton:focus:before {
  -webkit-animation: effect_dylan 0.8s ease-out;
          animation: effect_dylan 0.8s ease-out;
}
@-webkit-keyframes effect_dylan {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
@keyframes effect_dylan {
  50% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.001, 0.001);
            transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
.cbutton:hover .circle::after{
	opacity: 0.7
}

@media (max-width:959px) {

	.cbutton:focus {
	  outline: 0;
	  color: #fff;
	}
	.cbutton:focus:before {
	  -webkit-animation: effect_dylan 0.8s ease-out;
	          animation: effect_dylan 0.8s ease-out;
	}
	@-webkit-keyframes effect_dylan {
	  50% {
	    -webkit-transform: scale(0.9, 1.6);
	            transform: scale(0.9, 1.6);
	    opacity: 0;
	  }
	  99% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 0;
	  }
	  100% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 1;
	  }
	}
	@keyframes effect_dylan {
	  50% {
	    -webkit-transform: scale(0.9, 1.6);
	            transform: scale(0.9, 1.6);
	    opacity: 0;
	  }
	  99% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 0;
	  }
	  100% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 1;
	  }
	}
}