@import '../../style/theme.less';

.@{pro-layout-page-container-back-top-prefix-cls} {
  width: 36px !important;
  height: 36px !important;
  border-radius: 4px !important;
  background: #ffffff;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px -4px rgba(0, 0, 0, 0.12) !important;
  color: @primary-color !important;
  line-height: 36px !important;
  text-align: center !important;
  font-size: 18px !important;
  transition: all 0.3s !important;
  right: 12px !important;
  bottom: 85px !important;

  &:hover {
    color: @primary-color;
  }

  &:active {
    color: @primary-color-active;
  }
}