onlineShopOnHtmlAndCss/css/blocks/buttons.css

.button{
	display: inline-block;
	padding: 11px 33px 14px;
	background-color: #F72464;
	box-shadow: 0px 4px 15px rgba(123, 12, 46, 0.35);
	border-radius: 4px;

	font-family: 'Playfair Display', serif;
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	transition: box-shadow 0.2s ease-in background-color 0.2s ease-in;
}

.button:hover{
	box-shadow: 0px 4px 25px rgba(184, 13, 64, 0.671);
	background-color: #ff3874;
}

.button-outline{
	display: inline-block;
	padding: 10px 40px 11px;
	background: #FFFFFF;
	border: 1px solid #F72464;
	border-radius: 4px;
	font-family: 'Playfair Display', serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	color: #777777;
	text-decoration: none;
	transition: background-color 0.2s ease-in, color 0.2s ease-in ;
}

.button-outline:hover{
	background-color: #F72464;
	color: #fff;
}