.myIcono {
  width: 60% !important;
  height: 60% !important;
}

.btn {
	position: fixed;
  bottom: 5%;
  right: 5%;
	padding: 0.7rem 0rem;
	padding-right: 0rem;
	font-size: 0.7rem;
	color: #000000;
  border-radius: 50%;
	background-color: #7030A1;
	text-transform: uppercase;
	transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.btn:before, .btn:after {
	content: '';
	position: absolute;
	transition: inherit;
	z-index: -1;
}

.btn:hover {
	color: #FFFFFF;
	transition-delay: 0.5s;
}

.btn:hover:before {
	transition-delay: 0s;
}

.btn:hover:after {
	background: #2A4D1B;
	transition-delay: .35s;
}

.from-center:before {
	top: 0;
	left: 50%;
	height: 100%;
	width: 0;
  border-radius: 100px;
	border-left: 0;
	border-right: 0;
}

.from-center:after {
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
  border-radius: 100px;
	background: #2A4D1B;
}

.from-center:hover:before {
	left: 0;
	width: 100%;
}

.from-center:hover:after {
	top: 0;
	height: 100%;
}

@media screen and (max-width: 767px)
{
	.btn {
		animation: myanimation 9s infinite;
	}

	@keyframes myanimation {
	  0% {
        background-color: #7030A1;
        color: #000000;
       }
	  20% {
        background-color: #7030A1;
        color: #000000;
       }
    30% {
        background-color: #2A4D1B;
        color: #FFFFFF;
       }
	  40%{
        background-color: #2A4D1B;
        color: #FFFFFF;
       }
	  50%{
        background-color: #2A4D1B;
        color: #FFFFFF;
       }
	  60%{
        background-color: #2A4D1B;
        color: #FFFFFF;
       }
	  80% {
        background-color: #7030A1;
        color: #000000;
       }
	  100%{
        background-color: #7030A1;
        color: #000000;
       }
	}
}