* { -webkit-box-sizing: border-box; box-sizing: border-box; } .btn:focus, .btn.focus { outline: 0; box-shadow: none!important; } .btn-primary:focus, .btn-primary.focus { box-shadow:
none!important; } .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; box-shadow:none!important;
} ul > li:not(:last-child) { margin-bottom: 24px; } .container-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center;
justify-content: center; padding: 56px 0; } .container-button.-black { background-color: #121212; } .container-button.-white { background-color: white; } .button-fancy { text-decoration: none!important; font-size: 12px; font-weight: 700; text-transform:
uppercase; letter-spacing: 1px; display: inline-block; padding: 16px 42px; text-decoration: none; position: relative; } .button-fancy > .arrow { background-color: transparent; content: ''; display: block; text-align: left; position: absolute; top: 50%;
right: 29%; border-bottom: solid; /* border-style: solid; */ border-width: 1px; width: 70%; height: 100%; z-index: 50; will-transform: translate; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: right 0.5s
ease-in-out, width 0.4s ease 0.3s, height 0.3s ease 0.3s, border-width 0.4s ease-in-out, background-color 0.2s ease-in, border-color 0.4s ease-in-out, -webkit-transform 0.5s ease-in; transition: right 0.5s ease-in-out, width 0.4s ease 0.3s, height 0.3s
ease 0.3s, border-width 0.4s ease-in-out, background-color 0.2s ease-in, border-color 0.4s ease-in-out, -webkit-transform 0.5s ease-in; transition: transform 0.5s ease-in, right 0.5s ease-in-out, width 0.4s ease 0.3s, height 0.3s ease 0.3s, border-width
0.4s ease-in-out, background-color 0.2s ease-in, border-color 0.4s ease-in-out; transition: transform 0.5s ease-in, right 0.5s ease-in-out, width 0.4s ease 0.3s, height 0.3s ease 0.3s, border-width 0.4s ease-in-out, background-color 0.2s ease-in, border-color
0.4s ease-in-out, -webkit-transform 0.5s ease-in; } .button-fancy > .arrow:before, .button-fancy > .arrow:after { background-color: transparent; content: ''; display: block; height: 1px; position: absolute; top: 0; right: 0; -webkit-transition: all 0.2s;
transition: all 0.2s; -webkit-transition-delay: 0; transition-delay: 0; } .button-fancy > .arrow:before { -webkit-transform-origin: top right; transform-origin: top right; } .button-fancy > .arrow:after { -webkit-transform-origin: bottom right; transform-origin:
bottom right; } .button-fancy:hover.-white > .arrow { background-color: #ffffff; } .button-fancy:hover.-white > .arrow:before, .button-fancy:hover.-white > .arrow:after { background-color: #ffffff; } .button-fancy:hover.-black > .arrow { background-color:
#555555; } .button-fancy:hover.-black > .arrow:before, .button-fancy:hover.-black > .arrow:after { background-color: #555555; } .button-fancy:hover > .arrow { height: 1px; border-width: 0; border-color: transparent; width: 56px; right: 0; -webkit-transform:
translate(50%, -50%); transform: translate(50%, -50%); -webkit-transition: right 0.5s ease 0.2s, width 0.4s ease, height 0.3s ease-in-out, border-width 0.3s ease-in-out, background-color 0.2s ease-in 0.3s, border-color 0.3s ease-in-out, -webkit-transform
0.5s ease-in; transition: right 0.5s ease 0.2s, width 0.4s ease, height 0.3s ease-in-out, border-width 0.3s ease-in-out, background-color 0.2s ease-in 0.3s, border-color 0.3s ease-in-out, -webkit-transform 0.5s ease-in; transition: transform 0.5s ease-in,
right 0.5s ease 0.2s, width 0.4s ease, height 0.3s ease-in-out, border-width 0.3s ease-in-out, background-color 0.2s ease-in 0.3s, border-color 0.3s ease-in-out; transition: transform 0.5s ease-in, right 0.5s ease 0.2s, width 0.4s ease, height 0.3s ease-in-out,
border-width 0.3s ease-in-out, background-color 0.2s ease-in 0.3s, border-color 0.3s ease-in-out, -webkit-transform 0.5s ease-in; } .button-fancy:hover > .arrow:before, .button-fancy:hover > .arrow:after { width: 8px; -webkit-transition-delay: 0.4s; transition-delay:
0.4s; } .button-fancy:hover > .arrow:before { -webkit-transform: rotate(40deg); transform: rotate(40deg); } .button-fancy:hover > .arrow:after { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .button-fancy:hover > .text { -webkit-transform:
translateX(-42px); transform: translateX(-42px); -webkit-transition: -webkit-transform 0.4s ease-in-out 0.2s; transition: -webkit-transform 0.4s ease-in-out 0.2s; transition: transform 0.4s ease-in-out 0.2s; transition: transform 0.4s ease-in-out 0.2s,
-webkit-transform 0.4s ease-in-out 0.2s; } .button-fancy.-white { color: white; border-color: white; } .button-fancy.-black { color: #555; border-color: #555; } .button-fancy > .text { display: block; position: relative; z-index: 100; -webkit-transition:
-webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }