@import "colors.css";

/* download */
.btn-gradient {
	width: 10em;
	height: inherit;
    font-weight: 500;
    font-size: 0.9em;
    text-transform: uppercase;
    color: white;
/*  Button shape & animation*/
    border-radius: 20px;
    margin: 2px;
    padding: 0.6em 1.2em;
    background-size: 300% auto;
    box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
    background-image: var(--main-gradient);
    transition: 0.5s;
}

.btn-gradient:hover {
  	background-position: right center;
	color: white;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(255, 255, 255, 0.19);
}

/* red */
.btn-gradient-red {
	width: 10em;
	height: inherit;
    font-weight: 500;
    font-size: 0.9em;
    text-transform: uppercase;
    color: white;
/*  Button shape & animation*/
    border-radius: 20px;
    margin: 2px;
    padding: 0.6em 1.2em;
    background-size: 300% auto;
    box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
    background-image: linear-gradient(101deg, rgba(255,0,0,1) 0%, rgba(255,179,0,1) 100%);
    transition: 0.5s;
}

.btn-gradient-red:hover {
  	background-position: right center;
	color: white;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(255, 255, 255, 0.19);
}

#btnPayPal h6 {
	color: white;
}