:root {
	--masthead-width:1600px;
	--content-width: 1200px;
	--inner-width: 900px;
	--blue: #4876ba;
	--green: #54d6c7;
	--button-hover: #39b3d7;
	--grad: linear-gradient(to right, var(--green), var(--blue));
}

.button{display: inline-block; transition:all 100ms ease-in-out; background: linear-gradient(to right, var(--green), var(--blue)); color: #fff; padding: 15px 60px 16px; border-radius:60px; text-decoration: none; font-weight:400; font-size:1.4rem; text-align: center; position: relative; cursor: pointer; font-family: var(--font-heading); transition:all 300ms ease; text-transform: uppercase; box-shadow:0 0 0 var(--green)}

.button:hover{background: linear-gradient(to right, var(--button-hover), var(--button-hover));; color: #fff; box-shadow:0 0 15px var(--green)}

.button i{font-size:1.6rem; transform: translate(-10px, 2px)}

.block-button{background: #fff; font-weight:700; font-family: var(--font-heading); font-size:2rem; color: #000; display: inline-block; text-decoration: none; text-transform: uppercase; padding:4px 15px; box-shadow:6px 6px 0 var(--purple); border-radius:4px}
.block-button:hover{color:#000 !important; transform:scale(1.1)}