.MIRECO-month-calendar
  width: 18rem
  font-size: 0.875rem

  ol.months li
    button
      border: none
      border-radius: 4px
      &:focus
        outline: none
        border: none

    button
      background: var(--bs-body-bg)
      color: var(--bs-body-color)
      &:hover
        background: content-hover-colour
    &.current
      button
        background: var(--bs-primary)
        color: primary-button-text-colour
        &:hover
          background: primary-button-hover-colour

    button:not(:disabled):not(.disabled)
      cursor: pointer

    corner-tag-size = 10px
    corner-tag-margin = 2px
    position: relative
    &.today:after
      content: ''
      position: absolute
      left: 40%
      right: 40%
      top: 75%
      height: 3px
      border-radius: 1.5px
      background: #0dcaf0
      pointer-events: none