/* Buttons */

.button {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
		font-weight: bold;

}

.buttonhoverable {
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;

}

.buttonshadow {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.buttonshadow:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.buttonred {
    background-color: white;
    color: black;
    border: 2px solid #cc0000;
}

.buttonred:hover {
    background-color: #cc0000;
    color: white;
}

.buttonblue {
    background-color: white;
    color: black;
    border: 2px solid #354ca1;
}

.buttonblue:hover {
    background-color: #354ca1;
    color: white;
}


#return-button {
 display: none; /* Hidden by default */
 position: fixed; /* Fixed/sticky position */
 bottom: 20px; /* Place the button at the bottom of the page */
 right: 30px; /* Place the button 30px from the right */
 z-index: 99; /* Make sure it does not overlap */
 border: none; /* Remove borders */
 outline: none; /* Remove outline */
 background-color: red; /* Set a background color */
 color: white; /* Text color */
 cursor: pointer; /* Add a mouse pointer on hover */
 padding: 15px; /* Some padding */
 border-radius: 10px; /* Rounded corners */
 font-size: 18px; /* Increase font size */
}

#return-button:hover {
 background-color: #555; /* Add a dark-grey background on hover */
}