.m-top-button {
  position: fixed !important;
  display: block;
  width: 44px;
  height: 44px;
  bottom: 310px;
  right: 41px;
  margin-left: auto;
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.05);
  background: var(--top-button-bg-color);
  cursor: pointer;
  z-index: 2; }
  .m-top-button.m-top-button, .m-top-button.m-top-button:focus-visible {
    border-radius: 50%;
    outline: none; }
  @media (min-width: 768px) {
    .m-top-button {
      bottom: 310px;
      width: 64px;
      height: 64px;
      right: 32px; } }
  @media (max-width: 575.98px) {
    .m-top-button {
      right: 25px;
      bottom: 113px; } }
  .m-top-button:hover {
    background: var(--top-button-hover-bg-color); }
  .m-top-button:after {
    content: '';
    display: block;
    height: calc(100% + 12px);
    width: calc(100% + 12px);
    border-radius: 50% !important;
    position: absolute;
    top: -6px;
    left: -6px;
    border: 3px solid transparent;
    -webkit-filter: none;
    filter: none; }
  .m-top-button:focus-visible {
    outline: none; }
    .m-top-button:focus-visible:after {
      border-color: var(--top-button-border-color); }
  .m-top-button:before {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
    background-image: var(--blue-button-arrow);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media (min-width: 768px) {
      .m-top-button:before {
        width: 32px;
        height: 32px; } }
  .m-top-button.disabled {
    opacity: 0.32; }

/*# sourceMappingURL=../maps/top-button.css.map */