@import url(https://fonts.googleapis.com/css?family=Lobster,Oswald);
@import url("https://fonts.googleapis.com/css?family=Oswald:light,lightitalic,normal,italic,bold,bolditalic|Lobster:light,lightitalic,normal,italic,bold,bolditalic");

html {
  height: 100%;
  width: 100%;
  margin: 0;
}

body {
  margin: 10px;
  background: rgb(216,140,166);
  background: linear-gradient(0deg, rgba(216,140,166,1) 0%, rgba(250,204,217,1) 100%);
  font-family: "Oswald", sans-serif;

}

.btn {
font-family: "Oswald";
font-weight: 0;
font-size: 14px;
color: #fff;
background-color: #cf24db;
padding: 10px 30px;
border: solid #cf24db 2px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
border-radius: 50px;
transition : 738ms;
transform: translateY(0);
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}

.btn:hover {
transition : 738ms;
padding: 10px 50px;
transform : translateY(-0px);
background-color: #fff;
color: #cf24db;
border: solid 2px #cf24db;
}