12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- .buttons {
- width: 180px;
- height: 40px;
- text-decoration: none;
- padding-top: 9px;
- color: #c9b6cf;
- text-align: center;
- line-height: 20px;
- display: block;
- margin: 200px auto 15px;
- font: normal 17px arial;
- cursor: pointer;
- }
- .buttons:not(.active) {
- box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2),
- 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
- background-image: linear-gradient(#3b2751, #271739);
- text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47;
- }
- .buttons:not(.active):hover,
- .buttons:not(.active):focus {
- transition: color 200ms linear, text-shadow 500ms linear;
- color: #fff;
- text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
- }
- .buttons:not(:hover) {
- transition: 0.6s;
- }
- .back a {
- text-decoration: none;
- }
- .back {
- display: block;
- width: 100px;
- height: 20px;
- text-decoration: none;
- color: #c9b6cf;
- text-align: center;
- margin: auto;
- cursor: pointer;
- }
|