|
@@ -467,10 +467,36 @@ html {
|
|
|
bottom:auto;
|
|
bottom:auto;
|
|
|
top:40px;
|
|
top:40px;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .btn--wrapper{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .btn--wrapper{
|
|
|
bottom:auto;
|
|
bottom:auto;
|
|
|
top:120px;
|
|
top:120px;
|
|
|
|
|
+
|
|
|
|
|
+ .default--round--btn{
|
|
|
|
|
+ background: rgb(101, 112, 129);
|
|
|
|
|
+ color: rgb(252, 252, 253);
|
|
|
|
|
+ box-shadow: rgba(101, 112, 129, 0) 0px 0px 0px 1px inset;
|
|
|
|
|
+ transition-property: color, background, box-shadow;
|
|
|
|
|
+ &:hover{
|
|
|
|
|
+ background: rgb(44, 52, 63);
|
|
|
|
|
+ color: rgb(252, 252, 253);
|
|
|
|
|
+ box-shadow: rgba(219, 223, 230, 0.2) 0px 0px 0px 1px inset;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &.reverse{
|
|
|
|
|
+ background-color: rgb(24, 29, 37);
|
|
|
|
|
+ color: rgb(252, 252, 253);
|
|
|
|
|
+ box-shadow: rgb(44, 52, 63) 0px 0px 0px 1px inset;
|
|
|
|
|
+ transition-property: color, box-shadow, background-color;
|
|
|
|
|
+
|
|
|
|
|
+ &:hover{
|
|
|
|
|
+ background-color: rgb(44, 52, 63);
|
|
|
|
|
+ color: rgb(252, 252, 253);
|
|
|
|
|
+ box-shadow: rgba(219, 223, 230, 0.2) 0px 0px 0px 1px inset;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|