/**
* Custom styles overwriting and adding to the theme for reveal.js.
*
* by ak@c3pb
*
* Themes are kept in slides/cyber/css. Please edit there.
*/
.button {
background-color: darkred;
transition: 0.5s;
border: none;
color: white;
padding: 1em;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1em;
margin: 0.4em 0.2em;
border-radius: 50%;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2),
inset 0 3px 2px rgba(255,255,255,.22),
inset 0 -3px 2px rgba(0,0,0,.15),
inset 0 20px 10px rgba(255,255,255,.12),
0 0 4px 1px rgba(0,0,0,.1),
0 3px 2px rgba(0,0,0,.2);
}

.button:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
box-shadow:
inset 0 -2px 1px rgba(255,255,255,0.2),
inset 0 3px 2px rgba(0,0,0,0.12);
}

.button:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
cursor: pointer;
}

a:hover {
	cursor: pointer;
}