/*---Button Reset---*/
.btn:focus {
  box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.25); }

/*---Buttons Colors---*/
.color-and-background, .btn-red.btn-fill:hover, .btn-green.btn-fill:hover, .btn-dirty-green.btn-fill:hover, .btn-blue.btn-fill:hover, .btn-black.btn-fill:hover, .btn-purple.btn-fill:hover, .btn-orange.btn-fill:hover, .btn-aqua.btn-fill:hover, .btn-primary.btn-fill:hover, .btn-secondary.btn-fill:hover, .btn-success.btn-fill:hover, .btn-danger.btn-fill:hover, .btn-info.btn-fill:hover, .btn-dark.btn-fill:hover {
  color: #fff;
  background-color: transparent; }


/*---Fill Buttons---*/
.btn-fill {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .btn-fill:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: 0.4s ease-in-out; }

.fill-top:before {
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%); }
.fill-top:hover:before {
  transform: translateY(0); }

.fill-bottom:before {
  -webkit-transform: translateY(105%);
  transform: translateY(105%); }
.fill-bottom:hover:before {
  transform: translateY(0); }

.fill-left:before {
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%); }
.fill-left:hover:before {
  transform: translateY(0); }

.fill-right:before {
  -webkit-transform: translateX(105%);
  transform: translateX(105%); }
.fill-right:hover:before {
  transform: translateY(0); }

.btn-red.btn-fill {
  color: #d31433;
  border-color: #d31433; }
  .btn-red.btn-fill:hover:before {
    background-color: #d31433 !important; }

.btn-yellow.btn-fill {
  color: #f9d154;
  border-color: #f9d154; }
  .btn-yellow.btn-fill:hover {
    color: #000;
    background-color: transparent; }
    .btn-yellow.btn-fill:hover:before {
      background-color: #f9d154 !important; }

.btn-green.btn-fill {
  color: #34c70f;
  border-color: #34c70f; }
  .btn-green.btn-fill:hover:before {
    background-color: #34c70f !important; }

.btn-dirty-green.btn-fill {
  color: #147684;
  border-color: #147684; }
  .btn-dirty-green.btn-fill:hover:before {
    background-color: #147684 !important; }

.btn-blue.btn-fill {
  color: #1265A8;
  border-color: #1265A8; }
  .btn-blue.btn-fill:hover:before {
    background-color: #1265A8 !important; }

.btn-black.btn-fill {
  color: #222;
  border-color: #222; }
  .btn-black.btn-fill:hover:before {
    background-color: #222 !important; }

.btn-purple.btn-fill {
  color: #b53399;
  border-color: #b53399; }
  .btn-purple.btn-fill:hover:before {
    background-color: #b53399 !important; }

.btn-orange.btn-fill {
  color: #F57C02;
  border-color: #F57C02; }
  .btn-orange.btn-fill:hover:before {
    background-color: #F57C02 !important; }

.btn-aqua.btn-fill {
  color: #30b3be;
  border-color: #30b3be; }
  .btn-aqua.btn-fill:hover:before {
    background-color: #30b3be !important; }

.btn-primary.btn-fill {
    color: #b91b22;
    border-color: #ffffff;
    background-color: #fff;
    width: 210px;
    margin-top: 2rem;
    height: 58px;
    font-size: 22px;
    line-height: 2;
    border-radius: 55px;
    border-width: 2px;}


  .btn-primary.btn-fill:hover:before {
    background-color: #b91b22 !important; }

.btn-secondary.btn-fill {
  color: #868e96;
  border-color: #868e96; }
  .btn-secondary.btn-fill:hover:before {
    background-color: #868e96 !important; }

.btn-success.btn-fill {
  color: #28a745;
  border-color: #28a745; }
  .btn-success.btn-fill:hover:before {
    background-color: #28a745 !important; }

.btn-danger.btn-fill {
  color: #dc3545;
  border-color: #dc3545; }
  .btn-danger.btn-fill:hover:before {
    background-color: #dc3545 !important; }

.btn-warning.btn-fill {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-warning.btn-fill:hover {
    color: #000;
    background-color: transparent; }
    .btn-warning.btn-fill:hover:before {
      background-color: #ffc107 !important; }

.btn-info.btn-fill {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info.btn-fill:hover:before {
    background-color: #17a2b8 !important; }

.btn-light.btn-fill {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light.btn-fill:hover {
    color: #000;
    background-color: transparent; }
    .btn-light.btn-fill:hover:before {
      background-color: #f8f9fa !important; }

.btn-dark.btn-fill {
  color: #1d2124;
  border-color: #1d2124; }
  .btn-dark.btn-fill:hover:before {
    background-color: #1d2124 !important; }