/* ACTIONS */ .actions ul { display: flex; justify-content: space-between; position: fixed; bottom: 49px; right: 58px; } .actions li a { border: none; display: inline-flex; align-items: center; cursor: pointer; font-size: 15px; background: #333; position: fixed; bottom: 70px; height: auto; width: auto; color: #fff; font-size: 1.5rem; line-height: 1.5rem; border: none; padding: 10px 20px; font-weight: 500; border-radius: 0; margin: 0; } .actions li a[href="#previous"]{ display: flex; justify-content: center; align-items: center; left: 232px; width: 136px; } .actions li a[href="#next"]{ display: flex; justify-content: center; align-items: center; left: 370px; width: 110px; } .actions li a[href="#finish"]{ display: none; } .actions li a:before { /* content: "\f2ee"; font-family: Material-Design-Iconic-Font; position: absolute; top: 50%; transform: translateY(-50%); right: 32px; */ } .actions li a:hover { background: #4d4d4d; } .actions li:first-child a { /* background: none; border: 1px solid #333; padding-left: 50px; color: #333; */ } .actions li:first-child a:before { /* content: "\f2ea"; right: 77px; */ } .actions li:first-child a:hover { /* background: #4d4d4d; border-color: transparent; color: #fff; */ } .actions li:last-child a { /* padding-left: 28px; */ } .actions li:last-child a:before { /* right: 27px; */ } .actions li[aria-disabled="true"] a { opacity: 0; transition: all 1s; } /* FIN ACTIONS */