.button-outline-gray, a.button-outline-gray {
  background: transparent;
  border-color: rgba(18, 21, 24, 0.15);
}

.button-outline-gray:hover, .button-outline-gray:focus, a.button-outline-gray:hover, a.button-outline-gray:focus {
  border-color: #181c20;
  color: #121518;
}

.button-outline-dark, a.button-outline-dark {
  background: transparent;
  border-color: #181c20;
}

.button-outline-dark:hover, .button-outline-dark:focus, a.button-outline-dark:hover, a.button-outline-dark:focus {
  background: #181c20;
  border-color: transparent;
  color: white;
}

.button-outline-white, a.button-outline-white {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}

.button-outline-white:hover, .button-outline-white:focus, a.button-outline-white:hover, a.button-outline-white:focus {
  border-color: white;
  color: white;
}

.button-outline-white-2, a.button-outline-white-2 {
  background: transparent;
  border-color: white;
  color: white;
}

.button-outline-white-2:hover, .button-outline-white-2:focus, a.button-outline-white-2:hover, a.button-outline-white-2:focus {
  background: white;
  color: #121518;
}

a[class*=' button-reveal'] span, a[class*=' button-reveal'] i, a[class^='button-reveal'] span, a[class^='button-reveal'] i, button[class*=' button-reveal'] span, button[class*=' button-reveal'] i, button[class^='button-reveal'] span, button[class^='button-reveal'] i {
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a[class*=' button-reveal'] span, a[class^='button-reveal'] span, button[class*=' button-reveal'] span, button[class^='button-reveal'] span {
  position: relative;
}

a[class*=' button-reveal'] i, a[class^='button-reveal'] i, button[class*=' button-reveal'] i, button[class^='button-reveal'] i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  margin: 0;
}

a[class*=' button-reveal']:hover i, a[class*=' button-reveal']:focus i, a[class^='button-reveal']:hover i, a[class^='button-reveal']:focus i, button[class*=' button-reveal']:hover i, button[class*=' button-reveal']:focus i, button[class^='button-reveal']:hover i, button[class^='button-reveal']:focus i {
  opacity: 1;
}

a[class*=' button-reveal-left'] span, a[class^='button-reveal-left'] span, button[class*=' button-reveal-left'] span, button[class^='button-reveal-left'] span {
  left: 0;
}

a[class*=' button-reveal-left']:hover span, a[class*=' button-reveal-left']:focus span, a[class^='button-reveal-left']:hover span, a[class^='button-reveal-left']:focus span, button[class*=' button-reveal-left']:hover span, button[class*=' button-reveal-left']:focus span, button[class^='button-reveal-left']:hover span, button[class^='button-reveal-left']:focus span {
  left: 16px;
}

a[class*=' button-reveal-right'] span, a[class^='button-reveal-right'] span, button[class*=' button-reveal-right'] span, button[class^='button-reveal-right'] span {
  right: 0;
}

a[class*=' button-reveal-right']:hover span, a[class*=' button-reveal-right']:focus span, a[class^='button-reveal-right']:hover span, a[class^='button-reveal-right']:focus span, button[class*=' button-reveal-right']:hover span, button[class*=' button-reveal-right']:focus span, button[class^='button-reveal-right']:hover span, button[class^='button-reveal-right']:focus span {
  right: 12px;
}

.button-reveal-left-gray, a.button-reveal-left-gray,
.button-reveal-right-gray, a.button-reveal-right-gray {
  background: #e4e8ec;
  border: 0;
}

.button-reveal-left-gray:hover, .button-reveal-left-gray:focus, a.button-reveal-left-gray:hover, a.button-reveal-left-gray:focus,
.button-reveal-right-gray:hover,
.button-reveal-right-gray:focus, a.button-reveal-right-gray:hover, a.button-reveal-right-gray:focus {
  background: #dce0e4;
  color: #121518;
}

.button-reveal-left-dark, a.button-reveal-left-dark,
.button-reveal-right-dark, a.button-reveal-right-dark {
  background: #202428;
  border: 0;
  color: white;
}

.button-reveal-left-dark:hover, .button-reveal-left-dark:focus, a.button-reveal-left-dark:hover, a.button-reveal-left-dark:focus,
.button-reveal-right-dark:hover,
.button-reveal-right-dark:focus, a.button-reveal-right-dark:hover, a.button-reveal-right-dark:focus {
  background: #181c20;
  color: white;
}

.button-reveal-left-white, a.button-reveal-left-white,
.button-reveal-right-white, a.button-reveal-right-white {
  background: white;
  border: 0;
  color: #121518;
}

.button-reveal-left-white:hover, .button-reveal-left-white:focus, a.button-reveal-left-white:hover, a.button-reveal-left-white:focus,
.button-reveal-right-white:hover,
.button-reveal-right-white:focus, a.button-reveal-right-white:hover, a.button-reveal-right-white:focus {
  background: white;
  color: #121518;
}

.button-sm.button-reveal-left-gray i, .button-sm.button-reveal-left-dark i, .button-sm.button-reveal-left-white i {
  left: 20px;
}

.button-sm.button-reveal-left-gray:hover i, .button-sm.button-reveal-left-gray:focus i, .button-sm.button-reveal-left-dark:hover i, .button-sm.button-reveal-left-dark:focus i, .button-sm.button-reveal-left-white:hover i, .button-sm.button-reveal-left-white:focus i {
  left: 10px;
}

.button-sm.button-reveal-right-gray i, .button-sm.button-reveal-right-dark i, .button-sm.button-reveal-right-white i {
  right: 20px;
}

.button-sm.button-reveal-right-gray:hover i, .button-sm.button-reveal-right-gray:focus i, .button-sm.button-reveal-right-dark:hover i, .button-sm.button-reveal-right-dark:focus i, .button-sm.button-reveal-right-white:hover i, .button-sm.button-reveal-right-white:focus i {
  right: 10px;
}

.button-md.button-reveal-left-gray i, .button-md.button-reveal-left-dark i, .button-md.button-reveal-left-white i {
  left: 30px;
}

.button-md.button-reveal-left-gray:hover i, .button-md.button-reveal-left-gray:focus i, .button-md.button-reveal-left-dark:hover i, .button-md.button-reveal-left-dark:focus i, .button-md.button-reveal-left-white:hover i, .button-md.button-reveal-left-white:focus i {
  left: 18px;
}

.button-md.button-reveal-right-gray i, .button-md.button-reveal-right-dark i, .button-md.button-reveal-right-white i {
  right: 30px;
}

.button-md.button-reveal-right-gray:hover i, .button-md.button-reveal-right-gray:focus i, .button-md.button-reveal-right-dark:hover i, .button-md.button-reveal-right-dark:focus i, .button-md.button-reveal-right-white:hover i, .button-md.button-reveal-right-white:focus i {
  right: 18px;
}

.button-lg.button-reveal-left-gray i, .button-lg.button-reveal-left-dark i, .button-lg.button-reveal-left-white i {
  left: 40px;
}

.button-lg.button-reveal-left-gray:hover i, .button-lg.button-reveal-left-gray:focus i, .button-lg.button-reveal-left-dark:hover i, .button-lg.button-reveal-left-dark:focus i, .button-lg.button-reveal-left-white:hover i, .button-lg.button-reveal-left-white:focus i {
  left: 28px;
}

.button-lg.button-reveal-right-gray i, .button-lg.button-reveal-right-dark i, .button-lg.button-reveal-right-white i {
  right: 40px;
}

.button-lg.button-reveal-right-gray:hover i, .button-lg.button-reveal-right-gray:focus i, .button-lg.button-reveal-right-dark:hover i, .button-lg.button-reveal-right-dark:focus i, .button-lg.button-reveal-right-white:hover i, .button-lg.button-reveal-right-white:focus i {
  right: 28px;
}

.button-xl.button-reveal-left-gray i, .button-xl.button-reveal-left-dark i, .button-xl.button-reveal-left-white i {
  left: 50px;
}

.button-xl.button-reveal-left-gray:hover i, .button-xl.button-reveal-left-gray:focus i, .button-xl.button-reveal-left-dark:hover i, .button-xl.button-reveal-left-dark:focus i, .button-xl.button-reveal-left-white:hover i, .button-xl.button-reveal-left-white:focus i {
  left: 38px;
}

.button-xl.button-reveal-right-gray i, .button-xl.button-reveal-right-dark i, .button-xl.button-reveal-right-white i {
  right: 50px;
}

.button-xl.button-reveal-right-gray:hover i, .button-xl.button-reveal-right-gray:focus i, .button-xl.button-reveal-right-dark:hover i, .button-xl.button-reveal-right-dark:focus i, .button-xl.button-reveal-right-white:hover i, .button-xl.button-reveal-right-white:focus i {
  right: 38px;
}

.button-reveal-left-outline-gray, a.button-reveal-left-outline-gray,
.button-reveal-right-outline-gray, a.button-reveal-right-outline-gray {
  background: transparent;
  border-color: rgba(18, 21, 24, 0.15);
}

.button-reveal-left-outline-gray:hover, .button-reveal-left-outline-gray:focus, a.button-reveal-left-outline-gray:hover, a.button-reveal-left-outline-gray:focus,
.button-reveal-right-outline-gray:hover,
.button-reveal-right-outline-gray:focus, a.button-reveal-right-outline-gray:hover, a.button-reveal-right-outline-gray:focus {
  border-color: #181c20;
  color: #121518;
}

.button-reveal-left-outline-dark, a.button-reveal-left-outline-dark,
.button-reveal-right-outline-dark, a.button-reveal-right-outline-dark {
  background: transparent;
  border-color: #181c20;
}

.button-reveal-left-outline-dark:hover, .button-reveal-left-outline-dark:focus, a.button-reveal-left-outline-dark:hover, a.button-reveal-left-outline-dark:focus,
.button-reveal-right-outline-dark:hover,
.button-reveal-right-outline-dark:focus, a.button-reveal-right-outline-dark:hover, a.button-reveal-right-outline-dark:focus {
  border-color: rgba(18, 21, 24, 0.15);
  color: #121518;
}

.button-reveal-left-outline-white, a.button-reveal-left-outline-white,
.button-reveal-right-outline-white, a.button-reveal-right-outline-white {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}

.button-reveal-left-outline-white:hover, .button-reveal-left-outline-white:focus, a.button-reveal-left-outline-white:hover, a.button-reveal-left-outline-white:focus,
.button-reveal-right-outline-white:hover,
.button-reveal-right-outline-white:focus, a.button-reveal-right-outline-white:hover, a.button-reveal-right-outline-white:focus {
  border-color: white;
  color: white;
}

.button-sm.button-reveal-left-outline-gray i, .button-sm.button-reveal-left-outline-dark i, .button-sm.button-reveal-left-outline-white i {
  left: 20px;
}

.button-sm.button-reveal-left-outline-gray:hover i, .button-sm.button-reveal-left-outline-gray:focus i, .button-sm.button-reveal-left-outline-dark:hover i, .button-sm.button-reveal-left-outline-dark:focus i, .button-sm.button-reveal-left-outline-white:hover i, .button-sm.button-reveal-left-outline-white:focus i {
  left: 10px;
}

.button-sm.button-reveal-right-outline-gray i, .button-sm.button-reveal-right-outline-dark i, .button-sm.button-reveal-right-outline-white i {
  right: 20px;
}

.button-sm.button-reveal-right-outline-gray:hover i, .button-sm.button-reveal-right-outline-gray:focus i, .button-sm.button-reveal-right-outline-dark:hover i, .button-sm.button-reveal-right-outline-dark:focus i, .button-sm.button-reveal-right-outline-white:hover i, .button-sm.button-reveal-right-outline-white:focus i {
  right: 10px;
}

.button-md.button-reveal-left-outline-gray i, .button-md.button-reveal-left-outline-dark i, .button-md.button-reveal-left-outline-white i {
  left: 30px;
}

.button-md.button-reveal-left-outline-gray:hover i, .button-md.button-reveal-left-outline-gray:focus i, .button-md.button-reveal-left-outline-dark:hover i, .button-md.button-reveal-left-outline-dark:focus i, .button-md.button-reveal-left-outline-white:hover i, .button-md.button-reveal-left-outline-white:focus i {
  left: 18px;
}

.button-md.button-reveal-right-outline-gray i, .button-md.button-reveal-right-outline-dark i, .button-md.button-reveal-right-outline-white i {
  right: 30px;
}

.button-md.button-reveal-right-outline-gray:hover i, .button-md.button-reveal-right-outline-gray:focus i, .button-md.button-reveal-right-outline-dark:hover i, .button-md.button-reveal-right-outline-dark:focus i, .button-md.button-reveal-right-outline-white:hover i, .button-md.button-reveal-right-outline-white:focus i {
  right: 18px;
}

.button-lg.button-reveal-left-outline-gray i, .button-lg.button-reveal-left-outline-dark i, .button-lg.button-reveal-left-outline-white i {
  left: 40px;
}

.button-lg.button-reveal-left-outline-gray:hover i, .button-lg.button-reveal-left-outline-gray:focus i, .button-lg.button-reveal-left-outline-dark:hover i, .button-lg.button-reveal-left-outline-dark:focus i, .button-lg.button-reveal-left-outline-white:hover i, .button-lg.button-reveal-left-outline-white:focus i {
  left: 28px;
}

.button-lg.button-reveal-right-outline-gray i, .button-lg.button-reveal-right-outline-dark i, .button-lg.button-reveal-right-outline-white i {
  right: 40px;
}

.button-lg.button-reveal-right-outline-gray:hover i, .button-lg.button-reveal-right-outline-gray:focus i, .button-lg.button-reveal-right-outline-dark:hover i, .button-lg.button-reveal-right-outline-dark:focus i, .button-lg.button-reveal-right-outline-white:hover i, .button-lg.button-reveal-right-outline-white:focus i {
  right: 28px;
}

.button-xl.button-reveal-left-outline-gray i, .button-xl.button-reveal-left-outline-dark i, .button-xl.button-reveal-left-outline-white i {
  left: 50px;
}

.button-xl.button-reveal-left-outline-gray:hover i, .button-xl.button-reveal-left-outline-gray:focus i, .button-xl.button-reveal-left-outline-dark:hover i, .button-xl.button-reveal-left-outline-dark:focus i, .button-xl.button-reveal-left-outline-white:hover i, .button-xl.button-reveal-left-outline-white:focus i {
  left: 38px;
}

.button-xl.button-reveal-right-outline-gray i, .button-xl.button-reveal-right-outline-dark i, .button-xl.button-reveal-right-outline-white i {
  right: 50px;
}

.button-xl.button-reveal-right-outline-gray:hover i, .button-xl.button-reveal-right-outline-gray:focus i, .button-xl.button-reveal-right-outline-dark:hover i, .button-xl.button-reveal-right-outline-dark:focus i, .button-xl.button-reveal-right-outline-white:hover i, .button-xl.button-reveal-right-outline-white:focus i {
  right: 38px;
}

a[class*=' button-fancy-1'], a[class^='button-fancy-1'], button[class*=' button-fancy-1'], button[class^='button-fancy-1'] {
  z-index: 1;
  overflow: visible;
  background: transparent;
  border: 0;
}

a[class*=' button-fancy-1']:before, a[class^='button-fancy-1']:before, button[class*=' button-fancy-1']:before, button[class^='button-fancy-1']:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  z-index: -1;
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a[class*=' button-fancy-1']:after, a[class^='button-fancy-1']:after, button[class*=' button-fancy-1']:after, button[class^='button-fancy-1']:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleY(0.2);
  transform: scaleY(0.2);
  opacity: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(18, 21, 24, 0.9);
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a[class*=' button-fancy-1']:hover:before, a[class^='button-fancy-1']:hover:before, button[class*=' button-fancy-1']:hover:before, button[class^='button-fancy-1']:hover:before {
  -webkit-transform: scaleY(0.2);
  transform: scaleY(0.2);
  opacity: 0;
}

a[class*=' button-fancy-1']:hover:after, a[class^='button-fancy-1']:hover:after, button[class*=' button-fancy-1']:hover:after, button[class^='button-fancy-1']:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}

.button-fancy-1, a.button-fancy-1 {
  color: white;
}

.button-fancy-1:before, a.button-fancy-1:before {
  background: #181c20;
}

.button-fancy-1-white, a.button-fancy-1-white {
  color: #121518;
}

.button-fancy-1-white:before, a.button-fancy-1-white:before {
  background: white;
}

.button-fancy-1-white:after, a.button-fancy-1-white:after {
  border-color: white;
}

.button-fancy-1-white:hover, a.button-fancy-1-white:hover {
  color: white;
}

.button-fancy-1-outline:before, a.button-fancy-1-outline:before {
  border: 1px solid rgba(18, 21, 24, 0.15);
}

.button-fancy-1-outline:after, a.button-fancy-1-outline:after {
  z-index: -1;
  background: #121518;
  border: 0;
}

.button-fancy-1-outline:hover, a.button-fancy-1-outline:hover {
  color: white;
}

.button-fancy-1-outline-dark:before, a.button-fancy-1-outline-dark:before {
  border: 1px solid rgba(18, 21, 24, 0.9);
}

.button-fancy-1-outline-dark:after, a.button-fancy-1-outline-dark:after {
  z-index: -1;
  background: #121518;
}

.button-fancy-1-outline-dark:hover, a.button-fancy-1-outline-dark:hover {
  color: white;
}

.button-fancy-1-outline-white, a.button-fancy-1-outline-white {
  color: white;
}

.button-fancy-1-outline-white:before, a.button-fancy-1-outline-white:before {
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.button-fancy-1-outline-white:after, a.button-fancy-1-outline-white:after {
  z-index: -1;
  background: white;
}

.button-fancy-1-outline-white:hover, a.button-fancy-1-outline-white:hover {
  color: #121518;
}

a[class*=' button-fancy-2'], a[class^='button-fancy-2'], button[class*=' button-fancy-2'], button[class^='button-fancy-2'] {
  z-index: 1;
  overflow: visible;
  background: transparent;
  border: 0;
}

a[class*=' button-fancy-2']:before, a[class^='button-fancy-2']:before, button[class*=' button-fancy-2']:before, button[class^='button-fancy-2']:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  z-index: -1;
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a[class*=' button-fancy-2']:after, a[class^='button-fancy-2']:after, button[class*=' button-fancy-2']:after, button[class^='button-fancy-2']:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0.6);
  transform: scaleX(0.6);
  opacity: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(18, 21, 24, 0.9);
  border-right: 0;
  border-left: 0;
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a[class*=' button-fancy-2']:hover:before, a[class^='button-fancy-2']:hover:before, button[class*=' button-fancy-2']:hover:before, button[class^='button-fancy-2']:hover:before {
  -webkit-transform: scaleX(0.6);
  transform: scaleX(0.6);
  opacity: 0;
}

a[class*=' button-fancy-2']:hover:after, a[class^='button-fancy-2']:hover:after, button[class*=' button-fancy-2']:hover:after, button[class^='button-fancy-2']:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.button-fancy-2, a.button-fancy-2 {
  color: white;
}

.button-fancy-2:before, a.button-fancy-2:before {
  background: #181c20;
}

.button-fancy-2-white, a.button-fancy-2-white {
  color: #121518;
}

.button-fancy-2-white:before, a.button-fancy-2-white:before {
  background: white;
}

.button-fancy-2-white:after, a.button-fancy-2-white:after {
  border-color: white;
}

.button-fancy-2-white:hover, a.button-fancy-2-white:hover {
  color: white;
}

.button-fancy-2-outline:before, a.button-fancy-2-outline:before {
  border: 1px solid rgba(18, 21, 24, 0.15);
}

.button-fancy-2-outline-white, a.button-fancy-2-outline-white {
  color: white;
}

.button-fancy-2-outline-white:before, a.button-fancy-2-outline-white:before {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.button-fancy-2-outline-white:after, a.button-fancy-2-outline-white:after {
  border-color: white;
}

.button-fancy-2-outline-white:hover, a.button-fancy-2-outline-white:hover {
  color: white;
}

.button-text-1,
.button-text-2,
.button-text-3 {
  position: relative;
  display: inline-block;
  color: black;
  font-family: "Poppins", sans-serif;
  letter-spacing: -0.2px;
}

.button-text-1:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  background: rgba(18, 21, 24, 0.2);
  width: 100%;
  height: 1px;
}

.button-text-1:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  background: black;
  height: 1px;
  -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.button-text-1:hover:after {
  width: 100%;
  -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.button-text-2:before {
  content: '';
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
  background: rgba(18, 21, 24, 0.2);
  height: 40%;
  -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.button-text-2:after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  background: black;
  height: 1px;
  -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.button-text-2:hover:before {
  -webkit-animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: button-line-in 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.button-text-2:hover:after {
  -webkit-animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  animation: button-line-out 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

.button-text-3 {
  padding-left: 30px;
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.button-text-3:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: black;
  width: 20px;
  height: 1px;
  -webkit-transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.button-text-3:hover {
  padding-left: 40px;
}

.button-text-3:hover:before {
  width: 30px;
}

@-webkit-keyframes button-line-out {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}

@keyframes button-line-out {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}

@-webkit-keyframes button-line-in {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}

@keyframes button-line-in {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}

div[class^='bg-dark'] .button-text-1,
div[class^='bg-dark'] .button-text-2,
div[class^='bg-dark'] .button-text-3, div[class*=' bg-dark'] .button-text-1,
div[class*=' bg-dark'] .button-text-2,
div[class*=' bg-dark'] .button-text-3, .bg-black .button-text-1,
.bg-black .button-text-2,
.bg-black .button-text-3 {
  color: rgba(255, 255, 255, 0.8);
}

div[class^='bg-dark'] .button-text-1:hover,
div[class^='bg-dark'] .button-text-2:hover,
div[class^='bg-dark'] .button-text-3:hover, div[class*=' bg-dark'] .button-text-1:hover,
div[class*=' bg-dark'] .button-text-2:hover,
div[class*=' bg-dark'] .button-text-3:hover, .bg-black .button-text-1:hover,
.bg-black .button-text-2:hover,
.bg-black .button-text-3:hover {
  color: white;
}

div[class^='bg-dark'] .button-text-1:before, div[class*=' bg-dark'] .button-text-1:before, .bg-black .button-text-1:before {
  background: rgba(255, 255, 255, 0.3);
}

div[class^='bg-dark'] .button-text-1:after, div[class*=' bg-dark'] .button-text-1:after, .bg-black .button-text-1:after {
  background: white;
}

div[class^='bg-dark'] .button-text-2:before, div[class*=' bg-dark'] .button-text-2:before, .bg-black .button-text-2:before {
  background: rgba(255, 255, 255, 0.4);
}

div[class^='bg-dark'] .button-text-2:after, div[class*=' bg-dark'] .button-text-2:after, .bg-black .button-text-2:after {
  background: white;
}

div[class^='bg-dark'] .button-text-3:before, div[class*=' bg-dark'] .button-text-3:before, .bg-black .button-text-3:before {
  background: rgba(255, 255, 255, 0.8);
}

div[class^='bg-dark'] .button-text-3:hover:before, div[class*=' bg-dark'] .button-text-3:hover:before, .bg-black .button-text-3:hover:before {
  background: white;
}

.button-circle, a.button-circle {
  background: #e4e8ec;
  display: inline-block;
  border: 1px solid #e4e8ec;
  border-radius: 50%;
  color: #121518;
  text-align: center;
  -webkit-transition: ease-out 0.12s;
  transition: ease-out 0.12s;
}

.button-circle:hover, a.button-circle:hover {
  color: #7C7C7C;
}

.button-circle.button-circle-gray, a.button-circle.button-circle-gray {
  background: #e4e8ec;
  border: 0;
}

.button-circle.button-circle-gray:hover, .button-circle.button-circle-gray:focus, a.button-circle.button-circle-gray:hover, a.button-circle.button-circle-gray:focus {
  background: #dce0e4;
  color: #121518;
}

.button-circle.button-circle-dark, a.button-circle.button-circle-dark {
  background: #202428;
  border: 0;
  color: white;
}

.button-circle.button-circle-dark:hover, .button-circle.button-circle-dark:focus, a.button-circle.button-circle-dark:hover, a.button-circle.button-circle-dark:focus {
  background: #181c20;
  color: white;
}

.button-circle.button-circle-white, a.button-circle.button-circle-white {
  background: white;
  border: 0;
  color: #121518;
}

.button-circle.button-circle-white:hover, .button-circle.button-circle-white:focus, a.button-circle.button-circle-white:hover, a.button-circle.button-circle-white:focus {
  background: rgba(255, 255, 255, 0.9);
  color: #121518;
}

.button-circle.button-circle-white-2, a.button-circle.button-circle-white-2 {
  background: rgba(255, 255, 255, 0.15);
  border: 0;
  color: white;
}

.button-circle.button-circle-white-2:hover, .button-circle.button-circle-white-2:focus, a.button-circle.button-circle-white-2:hover, a.button-circle.button-circle-white-2:focus {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

.button-circle.button-circle-outline-gray, a.button-circle.button-circle-outline-gray {
  background: transparent;
  border-color: rgba(18, 21, 24, 0.15);
}

.button-circle.button-circle-outline-gray:hover, .button-circle.button-circle-outline-gray:focus, a.button-circle.button-circle-outline-gray:hover, a.button-circle.button-circle-outline-gray:focus {
  border-color: #181c20;
  color: #121518;
}

.button-circle.button-circle-outline-dark, a.button-circle.button-circle-outline-dark {
  background: transparent;
  border-color: #181c20;
}

.button-circle.button-circle-outline-dark:hover, .button-circle.button-circle-outline-dark:focus, a.button-circle.button-circle-outline-dark:hover, a.button-circle.button-circle-outline-dark:focus {
  background: #181c20;
  border-color: transparent;
  color: white;
}

.button-circle.button-circle-outline-white, a.button-circle.button-circle-outline-white {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}

.button-circle.button-circle-outline-white:hover, .button-circle.button-circle-outline-white:focus, a.button-circle.button-circle-outline-white:hover, a.button-circle.button-circle-outline-white:focus {
  border-color: white;
  color: white;
}

.button-circle.button-circle-outline-white-2, a.button-circle.button-circle-outline-white-2 {
  background: transparent;
  border-color: white;
  color: white;
}

.button-circle.button-circle-outline-white-2:hover, .button-circle.button-circle-outline-white-2:focus, a.button-circle.button-circle-outline-white-2:hover, a.button-circle.button-circle-outline-white-2:focus {
  background: white;
  color: #121518;
}

.button-circle.button-circle-gradient-1, a.button-circle.button-circle-gradient-1 {
  background-color: #21D4FD;
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}

.button-circle.button-circle-gradient-1:hover, .button-circle.button-circle-gradient-1:focus, a.button-circle.button-circle-gradient-1:hover, a.button-circle.button-circle-gradient-1:focus {
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}

.button-circle.button-circle-gradient-2, a.button-circle.button-circle-gradient-2 {
  background-color: #A9C9FF;
  background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%);
}

.button-circle.button-circle-gradient-2:hover, .button-circle.button-circle-gradient-2:focus, a.button-circle.button-circle-gradient-2:hover, a.button-circle.button-circle-gradient-2:focus {
  background-image: linear-gradient(45deg, #A9C9FF 0%, #FFBBEC 100%);
}

.button-circle.button-circle-gradient-3, a.button-circle.button-circle-gradient-3 {
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

.button-circle.button-circle-gradient-3:hover, .button-circle.button-circle-gradient-3:focus, a.button-circle.button-circle-gradient-3:hover, a.button-circle.button-circle-gradient-3:focus {
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

.button-circle.button-circle-gradient-4, a.button-circle.button-circle-gradient-4 {
  background-color: #00DBDE;
  background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}

.button-circle.button-circle-gradient-4:hover, .button-circle.button-circle-gradient-4:focus, a.button-circle.button-circle-gradient-4:hover, a.button-circle.button-circle-gradient-4:focus {
  background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}

.button-circle.button-circle-gradient-5, a.button-circle.button-circle-gradient-5 {
  background-color: #FBDA61;
  background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
}

.button-circle.button-circle-gradient-5:hover, .button-circle.button-circle-gradient-5:focus, a.button-circle.button-circle-gradient-5:hover, a.button-circle.button-circle-gradient-5:focus {
  background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
}

.button-circle.button-circle-gradient-6, a.button-circle.button-circle-gradient-6 {
  background-color: #0093E9;
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.button-circle.button-circle-gradient-6:hover, .button-circle.button-circle-gradient-6:focus, a.button-circle.button-circle-gradient-6:hover, a.button-circle.button-circle-gradient-6:focus {
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.button-circle.button-circle-blue, .button-circle.button-circle-purple, .button-circle.button-circle-pink-edge, .button-circle.button-circle-golden-yellow, .button-circle.button-circle-very-peri, .button-circle.button-circle-turquiose, .button-circle.button-circle-spring-red, a.button-circle.button-circle-blue, a.button-circle.button-circle-purple, a.button-circle.button-circle-pink-edge, a.button-circle.button-circle-golden-yellow, a.button-circle.button-circle-very-peri, a.button-circle.button-circle-turquiose, a.button-circle.button-circle-spring-red {
  border: 0;
  -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13);
  box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13);
  color: white;
}

.button-circle.button-circle-blue:hover, .button-circle.button-circle-blue:focus, .button-circle.button-circle-purple:hover, .button-circle.button-circle-purple:focus, .button-circle.button-circle-pink-edge:hover, .button-circle.button-circle-pink-edge:focus, .button-circle.button-circle-golden-yellow:hover, .button-circle.button-circle-golden-yellow:focus, .button-circle.button-circle-very-peri:hover, .button-circle.button-circle-very-peri:focus, .button-circle.button-circle-turquiose:hover, .button-circle.button-circle-turquiose:focus, .button-circle.button-circle-spring-red:hover, .button-circle.button-circle-spring-red:focus, a.button-circle.button-circle-blue:hover, a.button-circle.button-circle-blue:focus, a.button-circle.button-circle-purple:hover, a.button-circle.button-circle-purple:focus, a.button-circle.button-circle-pink-edge:hover, a.button-circle.button-circle-pink-edge:focus, a.button-circle.button-circle-golden-yellow:hover, a.button-circle.button-circle-golden-yellow:focus, a.button-circle.button-circle-very-peri:hover, a.button-circle.button-circle-very-peri:focus, a.button-circle.button-circle-turquiose:hover, a.button-circle.button-circle-turquiose:focus, a.button-circle.button-circle-spring-red:hover, a.button-circle.button-circle-spring-red:focus {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19);
  box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19);
  color: white;
}

.button-circle.button-circle-blue, a.button-circle.button-circle-blue {
  background: #0093E9;
}

.button-circle.button-circle-purple, a.button-circle.button-circle-purple {
  background: #B721FF;
}

.button-circle.button-circle-pink-edge, a.button-circle.button-circle-pink-edge {
  background: #FE9AB6;
}

.button-circle.button-circle-golden-yellow, a.button-circle.button-circle-golden-yellow {
  background: #FFB657;
}

.button-circle.button-circle-very-peri, a.button-circle.button-circle-very-peri {
  background: #6667AB;
}

.button-circle.button-circle-turquiose, a.button-circle.button-circle-turquiose {
  background: #4cbfa6;
}

.button-circle.button-circle-spring-red, a.button-circle.button-circle-spring-red {
  background: #BE1F35;
}

a[class^='button-circle-gradient'], a[class*=' button-circle-gradient'],
button[class^='button-circle-gradient'], button[class*=' button-circle-gradient'] {
  border: 0;
  -webkit-box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13);
  box-shadow: 0 6px 30px 0 rgba(21, 25, 29, 0.13);
  color: white;
}

a[class^='button-circle-gradient']:hover, a[class^='button-circle-gradient']:focus, a[class*=' button-circle-gradient']:hover, a[class*=' button-circle-gradient']:focus,
button[class^='button-circle-gradient']:hover,
button[class^='button-circle-gradient']:focus, button[class*=' button-circle-gradient']:hover, button[class*=' button-circle-gradient']:focus {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19);
  box-shadow: 0 6px 36px 0 rgba(21, 25, 29, 0.19);
  color: white;
}

.button-circle-sm {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.button-circle-sm i {
  line-height: 40px;
}

.button-circle-md {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.button-circle-md i {
  line-height: 50px;
}

.button-circle-lg {
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.button-circle-lg i {
  line-height: 60px;
}

.button-circle-xl {
  width: 70px;
  height: 70px;
  line-height: 70px;
}

.button-circle-xl i {
  line-height: 70px;
}

.button-circle-hover-slide {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.button-circle-hover-slide i {
  position: absolute;
  left: 50%;
}

.button-circle-hover-slide i:first-child {
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.button-circle-hover-slide i:last-child {
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.button-circle-hover-slide:hover i:first-child {
  -webkit-animation: button-slide-out 0.24s ease-out both;
  animation: button-slide-out 0.24s ease-out both;
}

.button-circle-hover-slide:hover i:last-child {
  -webkit-animation: button-slide-in 0.24s ease-out both;
  animation: button-slide-in 0.24s ease-out both;
}

@-webkit-keyframes button-slide-out {
  0% {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
  }
  100% {
    top: -100%;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
}

@keyframes button-slide-out {
  0% {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
  }
  100% {
    top: -100%;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
}

@-webkit-keyframes button-slide-in {
  0% {
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
  }
}

@keyframes button-slide-in {
  0% {
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
  }
}

.button-circle-animation-drop {
  position: relative;
}

.button-circle-animation-drop:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(18, 21, 24, 0.1);
  border-radius: 50%;
  -webkit-animation: button-drop 2s ease-out infinite;
  animation: button-drop 2s ease-out infinite;
}

.button-circle-animation-drop.button-circle-dark:before {
  border-color: rgba(18, 21, 24, 0.15);
}

.button-circle-animation-drop.button-circle-white:before, .button-circle-animation-drop.button-circle-white-2:before, .button-circle-animation-drop.button-circle-white-3:before {
  border-color: rgba(255, 255, 255, 0.4);
}

.button-circle-animation-drop.button-circle-outline-white:before, .button-circle-animation-drop.button-circle-outline-white-2:before {
  border-color: rgba(255, 255, 255, 0.3);
}

@-webkit-keyframes button-drop {
  0% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  60% {
    opacity: 0;
    width: 160%;
    height: 160%;
  }
  100% {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
}

@keyframes button-drop {
  0% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  60% {
    opacity: 0;
    width: 160%;
    height: 160%;
  }
  100% {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
}

.button-font-2 {
  font-size: 0.938em;
  letter-spacing: -0.2px;
  text-transform: none;
}

.button-radius {
  border-radius: 0.5em;
}

.button-rounded {
  border-radius: 50px;
}

.button-border-2,
.button-border-2.button-circle {
  border-width: 2px;
}

.button-hover-float:hover, .button-hover-float:focus, a.button-hover-float:hover, a.button-hover-float:focus {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.button-hover-scale:hover, .button-hover-scale:focus, a.button-hover-scale:hover, a.button-hover-scale:focus {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.button-hover-scale.button-circle:hover, .button-hover-scale.button-circle:focus, a.button-hover-scale.button-circle:hover, a.button-hover-scale.button-circle:focus {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.button-hover-shrink:hover, .button-hover-shrink:focus, a.button-hover-shrink:hover, a.button-hover-shrink:focus {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}

.button-hover-shrink.button-circle:hover, .button-hover-shrink.button-circle:focus, a.button-hover-shrink.button-circle:hover, a.button-hover-shrink.button-circle:focus {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}

.button-shadow, a.button-shadow {
  -webkit-box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.13);
  box-shadow: 0 6px 30px 0 rgba(22, 24, 26, 0.13);
}

.button-shadow:hover, .button-shadow:focus, a.button-shadow:hover, a.button-shadow:focus {
  -webkit-box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19);
  box-shadow: 0 6px 36px 0 rgba(22, 24, 26, 0.19);
}

.popular-post img {
  float: left;
  width: 80px;
}