/**
 * @license
 * Copyright Endlessjs. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@import '../../../../styles/core/mixins';

:host {
  display: flex;
  align-items: center;
  justify-content: space-between;

  .prev-month {
    @include el-ltr() {
      margin-left: auto;
      margin-right: 0.4rem;
    }
    @include el-rtl() {
      margin-left: 0.4rem;
      margin-right: auto;
    }
  }

  .next-month {
    @include el-ltr() {
      margin-left: 0.4rem;
      margin-right: auto;
    }
    @include el-rtl() {
      margin-left: auto;
      margin-right: 0.4rem;
    }
  }
}

el-calendar-navigation {
  margin: 0 0.5rem;
}
