Как сделать больше и текст и кнопку?

Question

[maroz0r]

.button-container{
	position: relative;
	left: 50%;
	margin-top: 50px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}
 
.btn-gr{
	display: inline-block;
	height: 55px;
	width: 183px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	font-size: 32px;
	text-align: center;
	color: #fff
}
 
.btn-gr:after{
	position: absolute;
	content: '';
	display: inline-block;
	background: #3bade3;
	background: linear-gradient(45deg,#3bade3 0%,#576fe6 25%,#9844b7 51%,#ff357f 100%);
	height: 50px;
	width: 372px;
	z-index: -1;
	-webkit-transform: translateX(-280px);
	transform: translateX(-280px);
	transition: -webkit-transform 400ms ease-in;
	transition: transform 400ms ease-in;
	transition: transform 400ms ease-in,-webkit-transform 400ms ease-in
}
 
.btn-gr:hover:after{
	-webkit-transform: translateX(-200px);
	transform: translateX(-200px)
}
 
.btn-gr span{
	color: #fff;
	position: relative;
	top: 16px
}

https://jsfiddle.net/5fa7Lcm9/2/

Comments

[Модератор]

Сделайте jsfiddle с вашим кодом или добавьте html в вопрос

Answer 1

[NaN]

Размер шрифта font-size
Размер кнопки ширина, высота