input {
 padding: 10px;
 font-size: 30px;
 border: 10px solid rgba(255, 255, 255, .5);
 @include box-shadow(
 0 2px 10px rgba(0, 0, 0, .25) inset,
 0 2px 10px rgba(0, 0, 0, .25));
 @include border-radius(10px);
 background: rgba(255, 255, 255, .5);
 @include appearance(none);
 outline: none;
 color: #333;
 width: 50%;
 position: absolute;
 left: 25%;
 
} 

a.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
} 
a.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

   
.btn {
  background:transparent;
  border: 2px solid;
  border-bottom-width: 4px;
  font: inherit;
  letter-spacing: inherit;
  margin: 1em;
  padding: 1em 2em;
  text-transform: inherit;
  transition: color 1s;
  font-size: 22px;
  width: 50%;
  position: absolute;
  left: 23.5%;
}

.btn-5 {
  color: CornflowerBlue;
  background:transparent;
}
.btn-5:hover {
  -webkit-animation: blinds 0.75s linear forwards;
          animation: blinds 0.75s linear forwards;
  background: linear-gradient(0deg, Navy 25%, transparent 25%) 0 0/0.5em 0.5em, linear-gradient(0deg, Navy 50%, transparent 50%) 0 0/1em 1em;
  color: #f07ced;
}

@-webkit-keyframes blinds {
  100% {
    background-position: 0 0, 0 -3em;
    background-size: 0 0, 1em 6em;
  }
}

@keyframes blinds {
  100% {
    background-position: 0 0, 0 -3em;
    background-size: 0 0, 1em 6em;
  }
}
html,body 
{
background: linear-gradient(to top left, powderblue, springgreen); 
}
/*
div 
{
     
            height: 115px;
            width: 100%;
            font-family: Trebuchet MS, Arial, Times New Roman;
            font-size: 12px;
}*/

div{
     
  float: left;
  width: 100%;
  padding: 10px;  
  padding-top: 50px;  
  text-align: center;
    
}
.ph-button {
    width: 250px;
    height: 75px; 
	border-style: solid;
    border-width: 0px 0px 3px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;	   
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out 0s;
    white-space: nowrap;	
    font-family: "Gotham Rounded A","Gotham Rounded B",Helvetica,Arial,sans-serif;
    font-weight: 700;	
    /*padding: 19px 39px 18px;*/
    font-size: 18px;
	
}
/*Green
==========================*/
.ph-btn-green {

    border-color: #00008B;
	background-color: #0000CD;

}
.ph-btn-green:hover, .ph-btn-green:focus, .ph-btn-green:active {
    background-color: #191970;
    border-color: #00008B;    
}

/*Blue
==========================*/
.ph-btn-blue {

    border-color: #326E99;
    background-color: #3F8ABF;
}

.ph-btn-blue:hover, .ph-btn-blue:focus, .ph-btn-blue:active {
    background-color: #397CAC;
    border-color: #326E99;   
}