//
// buttons.scss
//

.btn {
  .mdi {
    &:before {
      line-height: initial;
    }
  }

  i {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.btn-rounded {
  border-radius: 2em;
}

.btn-sm-white {
  background-color: #ffffff;
  //width: 45px;
  color: rgba(49, 58, 70, 0.8784313725);
  border: 1px solid #adb5bd;

  &:hover {
    color: $danger;
  }
}

// Button Shadows
@each $color, $value in $theme-colors {
  .btn-#{$color} {
    @include button-shadow($value);
  }
}