.btn {
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-padding-y: 0.6875rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-font-weight: 700;
  --bs-btn-line-height: 1.47;
  --bs-btn-color: #5d5d66;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 2px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check:focus + .btn, .btn:focus {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #005c7e;
  --bs-btn-border-color: #005c7e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(0, 78.2, 107.1);
  --bs-btn-hover-border-color: rgb(0, 73.6, 100.8);
  --bs-btn-focus-shadow-rgb: 38, 116, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(0, 73.6, 100.8);
  --bs-btn-active-border-color: rgb(0, 69, 94.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #005c7e;
  --bs-btn-disabled-border-color: #005c7e;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00a7b5;
  --bs-btn-border-color: #00a7b5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(0, 141.95, 153.85);
  --bs-btn-hover-border-color: rgb(0, 133.6, 144.8);
  --bs-btn-focus-shadow-rgb: 38, 180, 192;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(0, 133.6, 144.8);
  --bs-btn-active-border-color: rgb(0, 125.25, 135.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00a7b5;
  --bs-btn-disabled-border-color: #00a7b5;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #77ba21;
  --bs-btn-border-color: #77ba21;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(101.15, 158.1, 28.05);
  --bs-btn-hover-border-color: rgb(95.2, 148.8, 26.4);
  --bs-btn-focus-shadow-rgb: 139, 196, 66;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(95.2, 148.8, 26.4);
  --bs-btn-active-border-color: rgb(89.25, 139.5, 24.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #77ba21;
  --bs-btn-disabled-border-color: #77ba21;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #138ce4;
  --bs-btn-border-color: #138ce4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(16.15, 119, 193.8);
  --bs-btn-hover-border-color: rgb(15.2, 112, 182.4);
  --bs-btn-focus-shadow-rgb: 54, 157, 232;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(15.2, 112, 182.4);
  --bs-btn-active-border-color: rgb(14.25, 105, 171);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #138ce4;
  --bs-btn-disabled-border-color: #138ce4;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f19711;
  --bs-btn-border-color: #f19711;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(204.85, 128.35, 14.45);
  --bs-btn-hover-border-color: rgb(192.8, 120.8, 13.6);
  --bs-btn-focus-shadow-rgb: 243, 167, 53;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(192.8, 120.8, 13.6);
  --bs-btn-active-border-color: rgb(180.75, 113.25, 12.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f19711;
  --bs-btn-disabled-border-color: #f19711;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e72660;
  --bs-btn-border-color: #e72660;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(196.35, 32.3, 81.6);
  --bs-btn-hover-border-color: rgb(184.8, 30.4, 76.8);
  --bs-btn-focus-shadow-rgb: 235, 71, 120;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(184.8, 30.4, 76.8);
  --bs-btn-active-border-color: rgb(173.25, 28.5, 72);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e72660;
  --bs-btn-disabled-border-color: #e72660;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f7f7f7;
  --bs-btn-border-color: #f7f7f7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(209.95, 209.95, 209.95);
  --bs-btn-hover-border-color: rgb(197.6, 197.6, 197.6);
  --bs-btn-focus-shadow-rgb: 210, 210, 210;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(197.6, 197.6, 197.6);
  --bs-btn-active-border-color: rgb(185.25, 185.25, 185.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f7f7f7;
  --bs-btn-disabled-border-color: #f7f7f7;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #171724;
  --bs-btn-border-color: #171724;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(57.8, 57.8, 68.85);
  --bs-btn-hover-border-color: rgb(46.2, 46.2, 57.9);
  --bs-btn-focus-shadow-rgb: 58, 58, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(69.4, 69.4, 79.8);
  --bs-btn-active-border-color: rgb(46.2, 46.2, 57.9);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #171724;
  --bs-btn-disabled-border-color: #171724;
}

.btn-outline-primary {
  --bs-btn-color: #005c7e;
  --bs-btn-border-color: #005c7e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #005c7e;
  --bs-btn-hover-border-color: #005c7e;
  --bs-btn-focus-shadow-rgb: 0, 92, 126;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005c7e;
  --bs-btn-active-border-color: #005c7e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #005c7e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #005c7e;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #00a7b5;
  --bs-btn-border-color: #00a7b5;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00a7b5;
  --bs-btn-hover-border-color: #00a7b5;
  --bs-btn-focus-shadow-rgb: 0, 167, 181;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00a7b5;
  --bs-btn-active-border-color: #00a7b5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00a7b5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00a7b5;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #77ba21;
  --bs-btn-border-color: #77ba21;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #77ba21;
  --bs-btn-hover-border-color: #77ba21;
  --bs-btn-focus-shadow-rgb: 119, 186, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #77ba21;
  --bs-btn-active-border-color: #77ba21;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #77ba21;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #77ba21;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #138ce4;
  --bs-btn-border-color: #138ce4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #138ce4;
  --bs-btn-hover-border-color: #138ce4;
  --bs-btn-focus-shadow-rgb: 19, 140, 228;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #138ce4;
  --bs-btn-active-border-color: #138ce4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #138ce4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #138ce4;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #f19711;
  --bs-btn-border-color: #f19711;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f19711;
  --bs-btn-hover-border-color: #f19711;
  --bs-btn-focus-shadow-rgb: 241, 151, 17;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f19711;
  --bs-btn-active-border-color: #f19711;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f19711;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f19711;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #e72660;
  --bs-btn-border-color: #e72660;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e72660;
  --bs-btn-hover-border-color: #e72660;
  --bs-btn-focus-shadow-rgb: 231, 38, 96;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e72660;
  --bs-btn-active-border-color: #e72660;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e72660;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e72660;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f7f7f7;
  --bs-btn-border-color: #f7f7f7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7f7f7;
  --bs-btn-hover-border-color: #f7f7f7;
  --bs-btn-focus-shadow-rgb: 247, 247, 247;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f7f7f7;
  --bs-btn-active-border-color: #f7f7f7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f7f7f7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f7f7f7;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #171724;
  --bs-btn-border-color: #171724;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #171724;
  --bs-btn-hover-border-color: #171724;
  --bs-btn-focus-shadow-rgb: 23, 23, 36;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #171724;
  --bs-btn-active-border-color: #171724;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #171724;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #171724;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #5d5d66;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 38, 116, 145;
  text-decoration: underline;
}
.btn-link:focus {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 1rem;
  --bs-btn-padding-x: 2.5rem;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-border-radius: 0.375rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-border-radius: 0.375rem;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -2px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 1.3125rem;
  padding-left: 1.3125rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -2px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  font-weight: 700;
  line-height: 1.47;
  box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
  transition: all 0.2s ease-in-out;
  opacity: 1;
  background: #fff;
  color: #171724;
  --bs-btn-padding-y: 0.6875rem;
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-border-radius: 0.375rem;
}
.btn:hover, .btn.hover, .btn:active, .btn.active {
  box-shadow: none;
  text-decoration: none;
  border-color: #393944;
  background: #393944;
  color: #fff;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: none !important;
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
  pointer-events: none;
}

.btn-icon {
  font-size: 1em;
  margin: 0 0.47058em;
}
.btn-icon:first-child {
  margin-left: 0;
}
.btn-icon:last-child {
  margin-right: 0;
}

* + .btn {
  margin-top: 1.875rem;
}

.divider + .btn {
  margin-top: 3.125rem;
}

.row + .btn {
  margin-top: 2.5rem;
}

.btn-outline {
  box-shadow: none;
  border-color: #fff;
  background: transparent;
  color: #fff;
}
.btn-outline:hover {
  border-color: #fff;
  background: #fff;
  color: #171724;
}

.btn-block {
  display: flex;
  width: 100%;
}

.btn-rect, .btn-rect.btn-sm, .btn-group-sm > .btn-rect.btn, .btn-rect.btn-lg, .btn-group-lg > .btn-rect.btn {
  border-radius: 0;
}

.btn-round {
  border-radius: 2.936875rem;
}
.btn-round.btn-sm, .btn-group-sm > .btn-round.btn {
  border-radius: 2.311875rem;
}
.btn-round.btn-lg, .btn-group-lg > .btn-round.btn {
  border-radius: 3.561875rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-border-radius: 0.375rem;
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 1rem;
  --bs-btn-padding-x: 2.5rem;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-border-radius: 0.375rem;
}

.btn-primary {
  color: #fff;
  border-color: #005c7e;
  background-color: #005c7e;
}
.btn-primary:hover, .btn-primary.hover, .btn-primary:active, .btn-primary.active {
  color: #fff;
  border-color: rgb(4.6, 78.2, 108);
  background-color: rgb(4.6, 78.2, 108);
}
.btn-primary.btn-outline {
  color: #005c7e;
  border-color: #005c7e;
  background-color: transparent;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline.hover, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active {
  color: #fff;
  background-color: #005c7e;
}

.btn-secondary {
  color: #fff;
  border-color: #00a7b5;
  background-color: #00a7b5;
}
.btn-secondary:hover, .btn-secondary.hover, .btn-secondary:active, .btn-secondary.active {
  color: #fff;
  border-color: rgb(4.6, 138.2, 152);
  background-color: rgb(4.6, 138.2, 152);
}
.btn-secondary.btn-outline {
  color: #00a7b5;
  border-color: #00a7b5;
  background-color: transparent;
}
.btn-secondary.btn-outline:hover, .btn-secondary.btn-outline.hover, .btn-secondary.btn-outline:active, .btn-secondary.btn-outline.active {
  color: #fff;
  background-color: #00a7b5;
}

.btn-success {
  color: #fff;
  border-color: #77ba21;
  background-color: #77ba21;
}
.btn-success:hover, .btn-success.hover, .btn-success:active, .btn-success.active {
  color: #fff;
  border-color: rgb(99.8, 153.4, 33.6);
  background-color: rgb(99.8, 153.4, 33.6);
}
.btn-success.btn-outline {
  color: #77ba21;
  border-color: #77ba21;
  background-color: transparent;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline.hover, .btn-success.btn-outline:active, .btn-success.btn-outline.active {
  color: #fff;
  background-color: #77ba21;
}

.btn-info {
  color: #fff;
  border-color: #138ce4;
  background-color: #138ce4;
}
.btn-info:hover, .btn-info.hover, .btn-info:active, .btn-info.active {
  color: #fff;
  border-color: rgb(19.8, 116.6, 189.6);
  background-color: rgb(19.8, 116.6, 189.6);
}
.btn-info.btn-outline {
  color: #138ce4;
  border-color: #138ce4;
  background-color: transparent;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline.hover, .btn-info.btn-outline:active, .btn-info.btn-outline.active {
  color: #fff;
  background-color: #138ce4;
}

.btn-warning {
  color: #fff;
  border-color: #f19711;
  background-color: #f19711;
}
.btn-warning:hover, .btn-warning.hover, .btn-warning:active, .btn-warning.active {
  color: #fff;
  border-color: rgb(197.4, 125.4, 20.8);
  background-color: rgb(197.4, 125.4, 20.8);
}
.btn-warning.btn-outline {
  color: #f19711;
  border-color: #f19711;
  background-color: transparent;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline.hover, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active {
  color: #fff;
  background-color: #f19711;
}

.btn-danger {
  color: #fff;
  border-color: #e72660;
  background-color: #e72660;
}
.btn-danger:hover, .btn-danger.hover, .btn-danger:active, .btn-danger.active {
  color: #fff;
  border-color: rgb(189.4, 35, 84);
  background-color: rgb(189.4, 35, 84);
}
.btn-danger.btn-outline {
  color: #e72660;
  border-color: #e72660;
  background-color: transparent;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline.hover, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active {
  color: #fff;
  background-color: #e72660;
}

.btn-light {
  color: #000;
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}
.btn-light:hover, .btn-light.hover, .btn-light:active, .btn-light.active {
  color: #000;
  border-color: rgb(202.2, 202.2, 204.8);
  background-color: rgb(202.2, 202.2, 204.8);
}
.btn-light.btn-outline {
  color: #f7f7f7;
  border-color: #f7f7f7;
  background-color: transparent;
}
.btn-light.btn-outline:hover, .btn-light.btn-outline.hover, .btn-light.btn-outline:active, .btn-light.btn-outline.active {
  color: #000;
  background-color: #f7f7f7;
}

.btn-dark {
  color: #fff;
  border-color: #171724;
  background-color: #171724;
}
.btn-dark:hover, .btn-dark.hover, .btn-dark:active, .btn-dark.active {
  color: #fff;
  border-color: rgb(67.8, 67.8, 78.2);
  background-color: rgb(67.8, 67.8, 78.2);
}
.btn-dark.btn-outline {
  color: #171724;
  border-color: #171724;
  background-color: transparent;
}
.btn-dark.btn-outline:hover, .btn-dark.btn-outline.hover, .btn-dark.btn-outline:active, .btn-dark.btn-outline.active {
  color: #fff;
  background-color: #171724;
}

.btn-group .btn {
  margin: 0;
}
.btn-group .btn:hover {
  z-index: 0;
}

@media (min-width: 768px) {
  .row + .btn {
    margin-top: 3.125rem;
  }
}
@media (min-width: 992px) {
  p + .btn {
    margin-top: 3.125rem;
  }
  img + .btn {
    margin-top: 3.75rem;
  }
  .form-group + .btn {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .row + .btn {
    margin-top: 4.375rem;
  }
}
.btn-anis {
  transform: translateZ(0);
  overflow: hidden;
  transition: 0.25s;
}
.btn-anis::before, .btn-anis::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -1;
  padding: 10px;
  border-radius: 50%;
  opacity: 1;
  transition: 0s;
  will-change: transform;
}
.btn-anis::before {
  left: -30%;
  transform: translate(-50%, -50%);
}
.btn-anis::after {
  right: -30%;
  transform: translate(50%, -50%);
}
.btn-anis:hover {
  transition: all 0.25s, border-color 0.3s 0.5s, background-color 0.3s 0.5s;
}
.btn-anis:hover::before, .btn-anis:hover::after {
  padding: 50%;
  opacity: 0;
  transition: left 0.4s, right 0.4s, padding 0.3s 0.5s, opacity 0.05s 0.75s;
}
.btn-anis:hover::before {
  left: 50%;
}
.btn-anis:hover::after {
  right: 50%;
}
.btn-anis.btn-outline:hover {
  transition: all 0.25s, background-color 0.1s 0.7s, color 0.3s 0.5s;
}

.btn-primary.btn-anis::before, .btn-primary.btn-anis::after {
  background-color: rgb(4.6, 78.2, 108);
}
.btn-primary.btn-anis.btn-outline::before, .btn-primary.btn-anis.btn-outline::after {
  background-color: #005c7e;
}

.btn-secondary.btn-anis::before, .btn-secondary.btn-anis::after {
  background-color: rgb(4.6, 138.2, 152);
}
.btn-secondary.btn-anis.btn-outline::before, .btn-secondary.btn-anis.btn-outline::after {
  background-color: #00a7b5;
}

.btn-success.btn-anis::before, .btn-success.btn-anis::after {
  background-color: rgb(99.8, 153.4, 33.6);
}
.btn-success.btn-anis.btn-outline::before, .btn-success.btn-anis.btn-outline::after {
  background-color: #77ba21;
}

.btn-info.btn-anis::before, .btn-info.btn-anis::after {
  background-color: rgb(19.8, 116.6, 189.6);
}
.btn-info.btn-anis.btn-outline::before, .btn-info.btn-anis.btn-outline::after {
  background-color: #138ce4;
}

.btn-warning.btn-anis::before, .btn-warning.btn-anis::after {
  background-color: rgb(197.4, 125.4, 20.8);
}
.btn-warning.btn-anis.btn-outline::before, .btn-warning.btn-anis.btn-outline::after {
  background-color: #f19711;
}

.btn-danger.btn-anis::before, .btn-danger.btn-anis::after {
  background-color: rgb(189.4, 35, 84);
}
.btn-danger.btn-anis.btn-outline::before, .btn-danger.btn-anis.btn-outline::after {
  background-color: #e72660;
}

.btn-light.btn-anis::before, .btn-light.btn-anis::after {
  background-color: rgb(202.2, 202.2, 204.8);
}
.btn-light.btn-anis.btn-outline::before, .btn-light.btn-anis.btn-outline::after {
  background-color: #f7f7f7;
}

.btn-dark.btn-anis::before, .btn-dark.btn-anis::after {
  background-color: rgb(67.8, 67.8, 78.2);
}
.btn-dark.btn-anis.btn-outline::before, .btn-dark.btn-anis.btn-outline::after {
  background-color: #171724;
}

.btn-aqil-vertical,
.btn-aqil-horizontal {
  overflow: hidden;
  transform: translateZ(0);
  transition: all 0.25s, border-color 0.8s cubic-bezier(0.3, 0.7, 0.7, 0.3);
}
.btn-aqil-vertical::before, .btn-aqil-vertical::after,
.btn-aqil-horizontal::before,
.btn-aqil-horizontal::after {
  position: absolute;
  z-index: -1;
  content: "";
  transition-property: top, bottom, left, right;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.3, 0.7, 0.7, 0.3);
}
.btn-aqil-vertical.btn-outline,
.btn-aqil-horizontal.btn-outline {
  transition: all 0.25s, color 0.25s 0.55s;
}
.btn-aqil-vertical.btn-outline:hover,
.btn-aqil-horizontal.btn-outline:hover {
  transition: 0.25s;
}

.btn-aqil-vertical::before, .btn-aqil-vertical::after {
  left: 0;
  right: 0;
  height: 200%;
}
.btn-aqil-vertical::before {
  top: -200%;
}
.btn-aqil-vertical::after {
  bottom: -200%;
}
.btn-aqil-vertical:hover::before {
  top: 0;
}
.btn-aqil-vertical:hover::after {
  bottom: 0;
}

.btn-aqil-horizontal::before, .btn-aqil-horizontal::after {
  top: 0;
  bottom: 0;
  width: 200%;
}
.btn-aqil-horizontal::before {
  left: -200%;
}
.btn-aqil-horizontal::after {
  right: -200%;
}
.btn-aqil-horizontal:hover::before {
  left: 0;
}
.btn-aqil-horizontal:hover::after {
  right: 0;
}

.btn-primary.btn-aqil-vertical:hover, .btn-primary.btn-aqil-horizontal:hover {
  background-color: #005c7e;
}
.btn-primary.btn-aqil-vertical.btn-outline:hover, .btn-primary.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-primary.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(2.3, 85.1, 117, 0.5) 50%, rgba(4.6, 78.2, 108, 0.5) 50%);
}
.btn-primary.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(2.3, 85.1, 117, 0.5) 50%, rgba(4.6, 78.2, 108, 0.5) 50%);
}
.btn-primary.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(0, 92, 126, 0.25) 50%, rgba(0, 92, 126, 0.5) 50%, #005c7e 100%);
}
.btn-primary.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(0, 92, 126, 0.25) 50%, rgba(0, 92, 126, 0.5) 50%, #005c7e 100%);
}
.btn-primary.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(2.3, 85.1, 117, 0.5) 50%, rgba(4.6, 78.2, 108, 0.5) 50%);
}
.btn-primary.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(2.3, 85.1, 117, 0.5) 50%, rgba(4.6, 78.2, 108, 0.5) 50%);
}
.btn-primary.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(0, 92, 126, 0.25) 50%, rgba(0, 92, 126, 0.5) 50%, #005c7e 100%);
}
.btn-primary.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(0, 92, 126, 0.25) 50%, rgba(0, 92, 126, 0.5) 50%, #005c7e 100%);
}

.btn-secondary.btn-aqil-vertical:hover, .btn-secondary.btn-aqil-horizontal:hover {
  background-color: #00a7b5;
}
.btn-secondary.btn-aqil-vertical.btn-outline:hover, .btn-secondary.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-secondary.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(2.3, 152.6, 166.5, 0.5) 50%, rgba(4.6, 138.2, 152, 0.5) 50%);
}
.btn-secondary.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(2.3, 152.6, 166.5, 0.5) 50%, rgba(4.6, 138.2, 152, 0.5) 50%);
}
.btn-secondary.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(0, 167, 181, 0.25) 50%, rgba(0, 167, 181, 0.5) 50%, #00a7b5 100%);
}
.btn-secondary.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(0, 167, 181, 0.25) 50%, rgba(0, 167, 181, 0.5) 50%, #00a7b5 100%);
}
.btn-secondary.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(2.3, 152.6, 166.5, 0.5) 50%, rgba(4.6, 138.2, 152, 0.5) 50%);
}
.btn-secondary.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(2.3, 152.6, 166.5, 0.5) 50%, rgba(4.6, 138.2, 152, 0.5) 50%);
}
.btn-secondary.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(0, 167, 181, 0.25) 50%, rgba(0, 167, 181, 0.5) 50%, #00a7b5 100%);
}
.btn-secondary.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(0, 167, 181, 0.25) 50%, rgba(0, 167, 181, 0.5) 50%, #00a7b5 100%);
}

.btn-success.btn-aqil-vertical:hover, .btn-success.btn-aqil-horizontal:hover {
  background-color: #77ba21;
}
.btn-success.btn-aqil-vertical.btn-outline:hover, .btn-success.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-success.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(109.4, 169.7, 33.3, 0.5) 50%, rgba(99.8, 153.4, 33.6, 0.5) 50%);
}
.btn-success.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(109.4, 169.7, 33.3, 0.5) 50%, rgba(99.8, 153.4, 33.6, 0.5) 50%);
}
.btn-success.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(119, 186, 33, 0.25) 50%, rgba(119, 186, 33, 0.5) 50%, #77ba21 100%);
}
.btn-success.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(119, 186, 33, 0.25) 50%, rgba(119, 186, 33, 0.5) 50%, #77ba21 100%);
}
.btn-success.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(109.4, 169.7, 33.3, 0.5) 50%, rgba(99.8, 153.4, 33.6, 0.5) 50%);
}
.btn-success.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(109.4, 169.7, 33.3, 0.5) 50%, rgba(99.8, 153.4, 33.6, 0.5) 50%);
}
.btn-success.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(119, 186, 33, 0.25) 50%, rgba(119, 186, 33, 0.5) 50%, #77ba21 100%);
}
.btn-success.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(119, 186, 33, 0.25) 50%, rgba(119, 186, 33, 0.5) 50%, #77ba21 100%);
}

.btn-info.btn-aqil-vertical:hover, .btn-info.btn-aqil-horizontal:hover {
  background-color: #138ce4;
}
.btn-info.btn-aqil-vertical.btn-outline:hover, .btn-info.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-info.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(19.4, 128.3, 208.8, 0.5) 50%, rgba(19.8, 116.6, 189.6, 0.5) 50%);
}
.btn-info.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(19.4, 128.3, 208.8, 0.5) 50%, rgba(19.8, 116.6, 189.6, 0.5) 50%);
}
.btn-info.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(19, 140, 228, 0.25) 50%, rgba(19, 140, 228, 0.5) 50%, #138ce4 100%);
}
.btn-info.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(19, 140, 228, 0.25) 50%, rgba(19, 140, 228, 0.5) 50%, #138ce4 100%);
}
.btn-info.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(19.4, 128.3, 208.8, 0.5) 50%, rgba(19.8, 116.6, 189.6, 0.5) 50%);
}
.btn-info.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(19.4, 128.3, 208.8, 0.5) 50%, rgba(19.8, 116.6, 189.6, 0.5) 50%);
}
.btn-info.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(19, 140, 228, 0.25) 50%, rgba(19, 140, 228, 0.5) 50%, #138ce4 100%);
}
.btn-info.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(19, 140, 228, 0.25) 50%, rgba(19, 140, 228, 0.5) 50%, #138ce4 100%);
}

.btn-warning.btn-aqil-vertical:hover, .btn-warning.btn-aqil-horizontal:hover {
  background-color: #f19711;
}
.btn-warning.btn-aqil-vertical.btn-outline:hover, .btn-warning.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-warning.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(219.2, 138.2, 18.9, 0.5) 50%, rgba(197.4, 125.4, 20.8, 0.5) 50%);
}
.btn-warning.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(219.2, 138.2, 18.9, 0.5) 50%, rgba(197.4, 125.4, 20.8, 0.5) 50%);
}
.btn-warning.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(241, 151, 17, 0.25) 50%, rgba(241, 151, 17, 0.5) 50%, #f19711 100%);
}
.btn-warning.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(241, 151, 17, 0.25) 50%, rgba(241, 151, 17, 0.5) 50%, #f19711 100%);
}
.btn-warning.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(219.2, 138.2, 18.9, 0.5) 50%, rgba(197.4, 125.4, 20.8, 0.5) 50%);
}
.btn-warning.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(219.2, 138.2, 18.9, 0.5) 50%, rgba(197.4, 125.4, 20.8, 0.5) 50%);
}
.btn-warning.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(241, 151, 17, 0.25) 50%, rgba(241, 151, 17, 0.5) 50%, #f19711 100%);
}
.btn-warning.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(241, 151, 17, 0.25) 50%, rgba(241, 151, 17, 0.5) 50%, #f19711 100%);
}

.btn-danger.btn-aqil-vertical:hover, .btn-danger.btn-aqil-horizontal:hover {
  background-color: #e72660;
}
.btn-danger.btn-aqil-vertical.btn-outline:hover, .btn-danger.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-danger.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(210.2, 36.5, 90, 0.5) 50%, rgba(189.4, 35, 84, 0.5) 50%);
}
.btn-danger.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(210.2, 36.5, 90, 0.5) 50%, rgba(189.4, 35, 84, 0.5) 50%);
}
.btn-danger.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(231, 38, 96, 0.25) 50%, rgba(231, 38, 96, 0.5) 50%, #e72660 100%);
}
.btn-danger.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(231, 38, 96, 0.25) 50%, rgba(231, 38, 96, 0.5) 50%, #e72660 100%);
}
.btn-danger.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(210.2, 36.5, 90, 0.5) 50%, rgba(189.4, 35, 84, 0.5) 50%);
}
.btn-danger.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(210.2, 36.5, 90, 0.5) 50%, rgba(189.4, 35, 84, 0.5) 50%);
}
.btn-danger.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(231, 38, 96, 0.25) 50%, rgba(231, 38, 96, 0.5) 50%, #e72660 100%);
}
.btn-danger.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(231, 38, 96, 0.25) 50%, rgba(231, 38, 96, 0.5) 50%, #e72660 100%);
}

.btn-light.btn-aqil-vertical:hover, .btn-light.btn-aqil-horizontal:hover {
  background-color: #f7f7f7;
}
.btn-light.btn-aqil-vertical.btn-outline:hover, .btn-light.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-light.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(224.6, 224.6, 225.9, 0.5) 50%, rgba(202.2, 202.2, 204.8, 0.5) 50%);
}
.btn-light.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(224.6, 224.6, 225.9, 0.5) 50%, rgba(202.2, 202.2, 204.8, 0.5) 50%);
}
.btn-light.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(247, 247, 247, 0.25) 50%, rgba(247, 247, 247, 0.5) 50%, #f7f7f7 100%);
}
.btn-light.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(247, 247, 247, 0.25) 50%, rgba(247, 247, 247, 0.5) 50%, #f7f7f7 100%);
}
.btn-light.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(224.6, 224.6, 225.9, 0.5) 50%, rgba(202.2, 202.2, 204.8, 0.5) 50%);
}
.btn-light.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(224.6, 224.6, 225.9, 0.5) 50%, rgba(202.2, 202.2, 204.8, 0.5) 50%);
}
.btn-light.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(247, 247, 247, 0.25) 50%, rgba(247, 247, 247, 0.5) 50%, #f7f7f7 100%);
}
.btn-light.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(247, 247, 247, 0.25) 50%, rgba(247, 247, 247, 0.5) 50%, #f7f7f7 100%);
}

.btn-dark.btn-aqil-vertical:hover, .btn-dark.btn-aqil-horizontal:hover {
  background-color: #171724;
}
.btn-dark.btn-aqil-vertical.btn-outline:hover, .btn-dark.btn-aqil-horizontal.btn-outline:hover {
  background-color: transparent;
}
.btn-dark.btn-aqil-vertical::before {
  background: linear-gradient(to top, rgba(45.4, 45.4, 57.1, 0.5) 50%, rgba(67.8, 67.8, 78.2, 0.5) 50%);
}
.btn-dark.btn-aqil-vertical::after {
  background: linear-gradient(to bottom, rgba(45.4, 45.4, 57.1, 0.5) 50%, rgba(67.8, 67.8, 78.2, 0.5) 50%);
}
.btn-dark.btn-aqil-vertical.btn-outline::before {
  background: linear-gradient(to top, rgba(23, 23, 36, 0.25) 50%, rgba(23, 23, 36, 0.5) 50%, #171724 100%);
}
.btn-dark.btn-aqil-vertical.btn-outline::after {
  background: linear-gradient(to bottom, rgba(23, 23, 36, 0.25) 50%, rgba(23, 23, 36, 0.5) 50%, #171724 100%);
}
.btn-dark.btn-aqil-horizontal::before {
  background: linear-gradient(to left, rgba(45.4, 45.4, 57.1, 0.5) 50%, rgba(67.8, 67.8, 78.2, 0.5) 50%);
}
.btn-dark.btn-aqil-horizontal::after {
  background: linear-gradient(to right, rgba(45.4, 45.4, 57.1, 0.5) 50%, rgba(67.8, 67.8, 78.2, 0.5) 50%);
}
.btn-dark.btn-aqil-horizontal.btn-outline::before {
  background: linear-gradient(to left, rgba(23, 23, 36, 0.25) 50%, rgba(23, 23, 36, 0.5) 50%, #171724 100%);
}
.btn-dark.btn-aqil-horizontal.btn-outline::after {
  background: linear-gradient(to right, rgba(23, 23, 36, 0.25) 50%, rgba(23, 23, 36, 0.5) 50%, #171724 100%);
}

.btn-rayen {
  position: relative;
}
.btn-rayen:not(.sample) {
  overflow: hidden;
}
.btn-rayen::before, .btn-rayen::after {
  content: attr(data-text);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1);
  pointer-events: none;
}
.btn-rayen::before {
  transform: translateY(0);
  background-color: inherit;
}
.btn-rayen::after {
  transform: translateX(-100%);
}
.btn-rayen:hover::before {
  transform: translateY(100%);
}
.btn-rayen:hover::after {
  transform: translateY(0);
}
.btn-rayen.btn-primary {
  background-color: #005c7e;
  color: transparent;
}
.btn-rayen.btn-primary::before {
  background-color: #005c7e;
  color: #fff;
}
.btn-rayen.btn-primary::after {
  background-color: rgb(4.6, 78.2, 108);
  color: #fff;
}
.btn-rayen.btn-primary.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-primary.btn-outline::before {
  background-color: transparent;
  color: #005c7e;
}
.btn-rayen.btn-primary.btn-outline::after {
  background-color: #005c7e;
  color: #fff;
}
.btn-rayen.btn-secondary {
  background-color: #00a7b5;
  color: transparent;
}
.btn-rayen.btn-secondary::before {
  background-color: #00a7b5;
  color: #fff;
}
.btn-rayen.btn-secondary::after {
  background-color: rgb(4.6, 138.2, 152);
  color: #fff;
}
.btn-rayen.btn-secondary.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-secondary.btn-outline::before {
  background-color: transparent;
  color: #00a7b5;
}
.btn-rayen.btn-secondary.btn-outline::after {
  background-color: #00a7b5;
  color: #fff;
}
.btn-rayen.btn-success {
  background-color: #77ba21;
  color: transparent;
}
.btn-rayen.btn-success::before {
  background-color: #77ba21;
  color: #fff;
}
.btn-rayen.btn-success::after {
  background-color: rgb(99.8, 153.4, 33.6);
  color: #fff;
}
.btn-rayen.btn-success.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-success.btn-outline::before {
  background-color: transparent;
  color: #77ba21;
}
.btn-rayen.btn-success.btn-outline::after {
  background-color: #77ba21;
  color: #fff;
}
.btn-rayen.btn-info {
  background-color: #138ce4;
  color: transparent;
}
.btn-rayen.btn-info::before {
  background-color: #138ce4;
  color: #fff;
}
.btn-rayen.btn-info::after {
  background-color: rgb(19.8, 116.6, 189.6);
  color: #fff;
}
.btn-rayen.btn-info.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-info.btn-outline::before {
  background-color: transparent;
  color: #138ce4;
}
.btn-rayen.btn-info.btn-outline::after {
  background-color: #138ce4;
  color: #fff;
}
.btn-rayen.btn-warning {
  background-color: #f19711;
  color: transparent;
}
.btn-rayen.btn-warning::before {
  background-color: #f19711;
  color: #fff;
}
.btn-rayen.btn-warning::after {
  background-color: rgb(197.4, 125.4, 20.8);
  color: #fff;
}
.btn-rayen.btn-warning.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-warning.btn-outline::before {
  background-color: transparent;
  color: #f19711;
}
.btn-rayen.btn-warning.btn-outline::after {
  background-color: #f19711;
  color: #fff;
}
.btn-rayen.btn-danger {
  background-color: #e72660;
  color: transparent;
}
.btn-rayen.btn-danger::before {
  background-color: #e72660;
  color: #fff;
}
.btn-rayen.btn-danger::after {
  background-color: rgb(189.4, 35, 84);
  color: #fff;
}
.btn-rayen.btn-danger.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-danger.btn-outline::before {
  background-color: transparent;
  color: #e72660;
}
.btn-rayen.btn-danger.btn-outline::after {
  background-color: #e72660;
  color: #fff;
}
.btn-rayen.btn-light {
  background-color: #f7f7f7;
  color: transparent;
}
.btn-rayen.btn-light::before {
  background-color: #f7f7f7;
  color: #000;
}
.btn-rayen.btn-light::after {
  background-color: rgb(202.2, 202.2, 204.8);
  color: #000;
}
.btn-rayen.btn-light.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-light.btn-outline::before {
  background-color: transparent;
  color: #f7f7f7;
}
.btn-rayen.btn-light.btn-outline::after {
  background-color: #f7f7f7;
  color: #000;
}
.btn-rayen.btn-dark {
  background-color: #171724;
  color: transparent;
}
.btn-rayen.btn-dark::before {
  background-color: #171724;
  color: #fff;
}
.btn-rayen.btn-dark::after {
  background-color: rgb(67.8, 67.8, 78.2);
  color: #fff;
}
.btn-rayen.btn-dark.btn-outline {
  background-color: transparent;
  color: transparent;
}
.btn-rayen.btn-dark.btn-outline::before {
  background-color: transparent;
  color: #171724;
}
.btn-rayen.btn-dark.btn-outline::after {
  background-color: #171724;
  color: #fff;
}

.btn-nuka {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  transform: translateZ(0);
}
.btn-nuka::before, .btn-nuka::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
}
.btn-nuka::before {
  top: -2px;
  bottom: -2px;
  transform: scaleX(0.7);
  border: inherit;
  opacity: 0.7;
  transition: 0.25s;
}
.btn-nuka::after {
  top: 0;
  bottom: 0;
  transition: all 0.25s, background-color 0.2s 0.05s;
}
.btn-nuka:hover {
  background-color: transparent;
  border-color: transparent;
}
.btn-nuka:hover::before {
  transform: scaleX(1);
  opacity: 1;
}
.btn-nuka:hover::after {
  left: 0;
  right: 0;
}

.btn-primary.btn-nuka::before {
  border-color: #005c7e;
}
.btn-primary.btn-nuka::after {
  background: #005c7e;
}
.btn-primary.btn-nuka:hover {
  color: #005c7e;
}
.btn-primary.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-secondary.btn-nuka::before {
  border-color: #00a7b5;
}
.btn-secondary.btn-nuka::after {
  background: #00a7b5;
}
.btn-secondary.btn-nuka:hover {
  color: #00a7b5;
}
.btn-secondary.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-success.btn-nuka::before {
  border-color: #77ba21;
}
.btn-success.btn-nuka::after {
  background: #77ba21;
}
.btn-success.btn-nuka:hover {
  color: #77ba21;
}
.btn-success.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-info.btn-nuka::before {
  border-color: #138ce4;
}
.btn-info.btn-nuka::after {
  background: #138ce4;
}
.btn-info.btn-nuka:hover {
  color: #138ce4;
}
.btn-info.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-warning.btn-nuka::before {
  border-color: #f19711;
}
.btn-warning.btn-nuka::after {
  background: #f19711;
}
.btn-warning.btn-nuka:hover {
  color: #f19711;
}
.btn-warning.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-danger.btn-nuka::before {
  border-color: #e72660;
}
.btn-danger.btn-nuka::after {
  background: #e72660;
}
.btn-danger.btn-nuka:hover {
  color: #e72660;
}
.btn-danger.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-light.btn-nuka::before {
  border-color: #f7f7f7;
}
.btn-light.btn-nuka::after {
  background: #f7f7f7;
}
.btn-light.btn-nuka:hover {
  color: #f7f7f7;
}
.btn-light.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-dark.btn-nuka::before {
  border-color: #171724;
}
.btn-dark.btn-nuka::after {
  background: #171724;
}
.btn-dark.btn-nuka:hover {
  color: #171724;
}
.btn-dark.btn-nuka:hover::after {
  background-color: transparent;
}

.btn-naira-up,
.btn-naira-down {
  background-color: transparent;
  transform: translateZ(0);
  overflow: hidden;
}
.btn-naira-up::before,
.btn-naira-down::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: black;
  transition: 0.25s;
}
.btn-naira-up .btn-icon,
.btn-naira-down .btn-icon {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: 0.25s;
}
.btn-naira-up .btn-text,
.btn-naira-down .btn-text {
  position: relative;
  transform: translateY(0);
  opacity: 1;
  transition: 0.25s;
}
.btn-naira-up:hover,
.btn-naira-down:hover {
  background-color: transparent;
}
.btn-naira-up:hover .btn-icon,
.btn-naira-down:hover .btn-icon {
  top: 50%;
}
.btn-naira-up:hover .btn-text,
.btn-naira-down:hover .btn-text {
  opacity: 0;
}
.btn-naira-up.btn-outline:hover,
.btn-naira-down.btn-outline:hover {
  background-color: transparent;
}

.btn-naira-up::before {
  transform: skewY(0);
  transform-origin: 100% 100%;
  bottom: 0;
}
.btn-naira-up .btn-icon {
  top: 150%;
}
.btn-naira-up:hover::before {
  transform: skewY(10deg);
  bottom: 100%;
}
.btn-naira-up:hover .btn-text {
  transform: translateY(-200%);
}
.btn-naira-up.btn-outline::before {
  transform: skewY(-10deg);
  transform-origin: 100% 0;
  top: 100%;
  bottom: auto;
}
.btn-naira-up.btn-outline:hover::before {
  transform: skewY(0);
  top: 0;
}

.btn-naira-down::before {
  transform: skewY(0);
  transform-origin: 0 0;
  top: 0;
}
.btn-naira-down .btn-icon {
  top: -150%;
}
.btn-naira-down:hover::before {
  transform: skewY(10deg);
  top: 100%;
}
.btn-naira-down:hover .btn-text {
  transform: translateY(200%);
}
.btn-naira-down.btn-outline::before {
  transform: skewY(-10deg);
  transform-origin: 0 0;
  top: auto;
  bottom: 100%;
}
.btn-naira-down.btn-outline:hover::before {
  transform: skewY(0);
  bottom: 0;
}

.btn-primary.btn-naira-up, .btn-primary.btn-naira-down {
  border-color: #005c7e;
  color: #fff;
}
.btn-primary.btn-naira-up::before, .btn-primary.btn-naira-down::before {
  background-color: #005c7e;
}
.btn-primary.btn-naira-up .btn-icon, .btn-primary.btn-naira-down .btn-icon {
  color: #005c7e;
}
.btn-primary.btn-naira-up.btn-outline, .btn-primary.btn-naira-down.btn-outline {
  color: #005c7e;
}
.btn-primary.btn-naira-up.btn-outline .btn-icon, .btn-primary.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-secondary.btn-naira-up, .btn-secondary.btn-naira-down {
  border-color: #00a7b5;
  color: #fff;
}
.btn-secondary.btn-naira-up::before, .btn-secondary.btn-naira-down::before {
  background-color: #00a7b5;
}
.btn-secondary.btn-naira-up .btn-icon, .btn-secondary.btn-naira-down .btn-icon {
  color: #00a7b5;
}
.btn-secondary.btn-naira-up.btn-outline, .btn-secondary.btn-naira-down.btn-outline {
  color: #00a7b5;
}
.btn-secondary.btn-naira-up.btn-outline .btn-icon, .btn-secondary.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-success.btn-naira-up, .btn-success.btn-naira-down {
  border-color: #77ba21;
  color: #fff;
}
.btn-success.btn-naira-up::before, .btn-success.btn-naira-down::before {
  background-color: #77ba21;
}
.btn-success.btn-naira-up .btn-icon, .btn-success.btn-naira-down .btn-icon {
  color: #77ba21;
}
.btn-success.btn-naira-up.btn-outline, .btn-success.btn-naira-down.btn-outline {
  color: #77ba21;
}
.btn-success.btn-naira-up.btn-outline .btn-icon, .btn-success.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-info.btn-naira-up, .btn-info.btn-naira-down {
  border-color: #138ce4;
  color: #fff;
}
.btn-info.btn-naira-up::before, .btn-info.btn-naira-down::before {
  background-color: #138ce4;
}
.btn-info.btn-naira-up .btn-icon, .btn-info.btn-naira-down .btn-icon {
  color: #138ce4;
}
.btn-info.btn-naira-up.btn-outline, .btn-info.btn-naira-down.btn-outline {
  color: #138ce4;
}
.btn-info.btn-naira-up.btn-outline .btn-icon, .btn-info.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-warning.btn-naira-up, .btn-warning.btn-naira-down {
  border-color: #f19711;
  color: #fff;
}
.btn-warning.btn-naira-up::before, .btn-warning.btn-naira-down::before {
  background-color: #f19711;
}
.btn-warning.btn-naira-up .btn-icon, .btn-warning.btn-naira-down .btn-icon {
  color: #f19711;
}
.btn-warning.btn-naira-up.btn-outline, .btn-warning.btn-naira-down.btn-outline {
  color: #f19711;
}
.btn-warning.btn-naira-up.btn-outline .btn-icon, .btn-warning.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-danger.btn-naira-up, .btn-danger.btn-naira-down {
  border-color: #e72660;
  color: #fff;
}
.btn-danger.btn-naira-up::before, .btn-danger.btn-naira-down::before {
  background-color: #e72660;
}
.btn-danger.btn-naira-up .btn-icon, .btn-danger.btn-naira-down .btn-icon {
  color: #e72660;
}
.btn-danger.btn-naira-up.btn-outline, .btn-danger.btn-naira-down.btn-outline {
  color: #e72660;
}
.btn-danger.btn-naira-up.btn-outline .btn-icon, .btn-danger.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-light.btn-naira-up, .btn-light.btn-naira-down {
  border-color: #f7f7f7;
  color: #000;
}
.btn-light.btn-naira-up::before, .btn-light.btn-naira-down::before {
  background-color: #f7f7f7;
}
.btn-light.btn-naira-up .btn-icon, .btn-light.btn-naira-down .btn-icon {
  color: #f7f7f7;
}
.btn-light.btn-naira-up.btn-outline, .btn-light.btn-naira-down.btn-outline {
  color: #f7f7f7;
}
.btn-light.btn-naira-up.btn-outline .btn-icon, .btn-light.btn-naira-down.btn-outline .btn-icon {
  color: #000;
}

.btn-dark.btn-naira-up, .btn-dark.btn-naira-down {
  border-color: #171724;
  color: #fff;
}
.btn-dark.btn-naira-up::before, .btn-dark.btn-naira-down::before {
  background-color: #171724;
}
.btn-dark.btn-naira-up .btn-icon, .btn-dark.btn-naira-down .btn-icon {
  color: #171724;
}
.btn-dark.btn-naira-up.btn-outline, .btn-dark.btn-naira-down.btn-outline {
  color: #171724;
}
.btn-dark.btn-naira-up.btn-outline .btn-icon, .btn-dark.btn-naira-down.btn-outline .btn-icon {
  color: #fff;
}

.btn-polat-up,
.btn-polat-left {
  position: relative;
  overflow: hidden;
}
.btn-polat-up .btn-text,
.btn-polat-left .btn-text {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.btn-polat-up .btn-icon,
.btn-polat-left .btn-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  transition: left, top;
  transition-duration: 0.3s;
}
.btn-polat-up .btn-icon:before,
.btn-polat-left .btn-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-polat-up .btn-icon {
  left: 0;
  top: -100%;
}
.btn-polat-up:hover .btn-icon {
  top: 0;
}
.btn-polat-up:hover .btn-text {
  transform: translateY(300%);
}

.btn-polat-left .btn-icon {
  top: 0;
  left: -100%;
}
.btn-polat-left:hover .btn-icon {
  left: 0;
}
.btn-polat-left:hover .btn-text {
  transform: translateX(200%);
}