.gcc-calculator{

    background:#fff;

    border-radius:20px;

    padding:30px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:all .35s ease;

}

.gcc-calculator:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(22,163,74,.18);

}
.gcc-calculator-title{

	font-size:26px;

	font-weight:700;

	margin-bottom:25px;

}

.gcc-label{

	display:block;

	font-weight:600;

	margin-bottom:10px;

}

.gcc-input-wrap{

	position:relative;

}

#gcc-usdt-amount{

	width:100%;

	height:58px;

	border:1px solid #ddd;

	border-radius:12px;

	padding:0 95px 0 18px;

	font-size:26px;

	font-weight:700;

	outline:none;

	transition:.3s;

}

#gcc-usdt-amount:focus{

	border-color:#16a34a;

	box-shadow:0 0 0 4px rgba(22,163,74,.12);

}

.gcc-input-badge{

	position:absolute;

	right:18px;

	top:50%;

	transform:translateY(-50%);

	font-weight:700;

	color:#555;

}

.gcc-calculator-result{

	margin:28px 0;

	padding:18px 0;

	border-top:1px solid #eee;

	border-bottom:1px solid #eee;

}

.gcc-result-label{

	color:#666;

	font-size:15px;

	margin-bottom:12px;

}

.gcc-result-value{

	font-size:42px;

	font-weight:700;

	color:#16a34a;

	line-height:1.15;

	word-break:normal;

	overflow-wrap:anywhere;

}

.gcc-price-box{

	margin-top:18px;

	font-size:15px;

	line-height:2;

}

.gcc-current-price strong{

	color:#111;

}

.gcc-rate{

	color:#666;

}

.gcc-buy-button{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    margin-top:22px;

    height:48px;

    background:#16a34a;

    color:#fff;

    font-size:16px;

    font-weight:700;

    border-radius:12px;

    text-decoration:none;

    transition:all .3s ease;

    box-shadow:0 8px 20px rgba(22,163,74,.22);

}

.gcc-buy-button:hover{

    background:#15803d;

    color:#fff;

    text-decoration:none !important;

    transform:translateY(-2px);

    box-shadow:0 14px 30px rgba(22,163,74,.28);

}

.gcc-pop{

    animation:gccPop .22s ease;

}

@keyframes gccPop{

    0%{

        transform:scale(.96);

        opacity:.75;

    }

    50%{

        transform:scale(1.04);

        opacity:1;

    }

    100%{

        transform:scale(1);

        opacity:1;

    }

}

/* =======================================================
   Mobile
======================================================= */

@media (max-width:768px){

	.gcc-calculator{

		padding:20px;

	}

	.gcc-calculator-title{

		font-size:20px;

		margin-bottom:18px;

	}

	.gcc-label{

		font-size:14px;

	}

	#gcc-usdt-amount{

		height:52px;

		font-size:18px;

		padding:0 82px 0 15px;

	}

	.gcc-input-badge{

		font-size:14px;

		right:15px;

	}

	.gcc-result-label{

		font-size:14px;

	}

	.gcc-result-value{

        font-size:22px;

        line-height:1.25;

        font-weight:700;

        letter-spacing:-0.5px;

}


	.gcc-price-box{

        font-size:13px;

        line-height:1.6;

}

	.gcc-buy-button{

		height:52px;

		font-size:16px;

		margin-top:20px;

	}

}
