2021-03-13 17:27:51 +01:00
|
|
|
button {
|
|
|
|
padding: 0.5em 2em;
|
|
|
|
color: #04254e;
|
|
|
|
font-size: 14pt;
|
|
|
|
border-radius: 5px;
|
|
|
|
cursor: pointer;
|
|
|
|
transition:
|
|
|
|
color 0.15s ease,
|
|
|
|
transform 0.15s ease;
|
|
|
|
}
|
|
|
|
|
2021-03-13 18:56:08 +01:00
|
|
|
button.small {
|
|
|
|
padding: 0.15em 1em;
|
|
|
|
}
|
|
|
|
|
2021-03-13 17:27:51 +01:00
|
|
|
button:hover {
|
2021-03-13 18:56:08 +01:00
|
|
|
transform: scale(1.075);
|
|
|
|
color: #fff;
|
|
|
|
background-color: #5954a4;
|
|
|
|
}
|
|
|
|
|
|
|
|
button.special:hover {
|
2021-03-13 17:27:51 +01:00
|
|
|
/*background-color: #5954a4;*/
|
|
|
|
color: #fff;
|
|
|
|
animation: color-cycle;
|
|
|
|
animation-duration: 1s;
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
}
|
|
|
|
|
2021-03-13 18:24:26 +01:00
|
|
|
button.lock {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
2021-03-13 17:27:51 +01:00
|
|
|
@keyframes color-cycle {
|
|
|
|
0% {background-color: #ff6666; transform: scale(1.075);}
|
|
|
|
16.67% {background-color: #c966ff;}
|
|
|
|
33.33% {background-color: #6678ff;}
|
|
|
|
50% {background-color: #66edff; transform: scale(1.15);}
|
|
|
|
66.66% {background-color: #66ff70;}
|
|
|
|
83.33% {background-color: #fcff66;}
|
|
|
|
100% {background-color: #ff6666; transform: scale(1.075);}
|
|
|
|
}
|