|
@@ -165,10 +165,10 @@ export default {
|
|
|
border-radius: 25px;
|
|
border-radius: 25px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
|
- box-shadow: 0 6px 20px rgba(39,174,96,0.35);
|
|
|
|
|
|
|
+ box-shadow: 0 4px 12px rgba(39,174,96,0.2);
|
|
|
animation: btnShine 3s ease-in-out infinite;
|
|
animation: btnShine 3s ease-in-out infinite;
|
|
|
}
|
|
}
|
|
|
-.btn-finish:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(39,174,96,0.5); }
|
|
|
|
|
|
|
+.btn-finish:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(39,174,96,0.3); }
|
|
|
.btn-finish:active { transform: translateY(0); }
|
|
.btn-finish:active { transform: translateY(0); }
|
|
|
.btn-prev {
|
|
.btn-prev {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -185,7 +185,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.btn-prev:hover { color: #4e5969; background: #eef1f6; }
|
|
.btn-prev:hover { color: #4e5969; background: #eef1f6; }
|
|
|
@keyframes btnShine {
|
|
@keyframes btnShine {
|
|
|
- 0%, 100% { box-shadow: 0 6px 20px rgba(39,174,96,0.35); }
|
|
|
|
|
- 50% { box-shadow: 0 6px 28px rgba(39,174,96,0.6); }
|
|
|
|
|
|
|
+ 0%, 100% { box-shadow: 0 4px 12px rgba(39,174,96,0.2); }
|
|
|
|
|
+ 50% { box-shadow: 0 4px 16px rgba(39,174,96,0.35); }
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|