body {
	font-family: Arial, Helvetica, sans-serif;
}
button { 
	width:150px; 
  } 
 
  .animated-border-button-pink {
	background-color: #eb0c95; 
	border: solid 5px #2615c0;
	color: #ffffff;
	outline: none;
	position: relative;
  } 

 .animated-border-button-blue {
	background-color: #2115ca; 
	border: solid 5px #c2e913;
	color: #ffffff;
	outline: none;
	pos ition: relative;
  } 

  .animated-border-button-green {
	background-color: #27eb31; 
	border: solid 5px #2a244e;
	color: #ffffff;
	outline: none;
	pos ition: relative;
  } 
	
  .animated-border-button-yellow  {
	background-color: #f3e309; 
	border: solid 5px #bdb6e4;
	color: #ffffff;
	outline: none;
	pos ition: relative;
  } 

  <style>

.GeneratedMarquee {
font-family:'Comic Sans MS';
font-size: 16px;
font-variant:small-caps;
line-height:inherit 16px;
color:#9900FF;
}
</style>

div {
	padding: 12px 40px 10px;
	border: 0.5rem outset pink;
	outline: 0.5rem solid khaki;
	box-shadow: 0 0 0 2rem skyblue;
	border-radius: 12px;
	font: bold 1rem sans-serif;
	margin: 2rem;
	padding: 1rem;
	outline-offset: 0.5rem;
  }

  h3 {
	border: 8px solid red;
  }