.archivespress-dates-wrapper {
    &.archivespress-dates-layout-basic,
    &.archivespress-dates-layout-compact {
        .archivespress-dates-year-wrapper {
            .inner-year {
                @include button-link-year;
            }
        }
    }

    &.archivespress-dates-layout-basic,
    &.archivespress-dates-layout-compact {
        .archivespress-dates-month-wrapper {
            display: flex;

            .archivespress-dates-month {
                @include ltr {
                    margin: 0 1.66em 0 0;
                }
                @include rtl {
                    margin: 0 0 0 1.66em;
                }
            }

            .inner-month {
                @include button-link-month;
            }

            .archivespress-dates-days {
                padding: 0;
            }
        }

        .archivespress-dates-day-wrapper {
            display: inline-block;

            .inner-day {
                @include button-link-day;
            }
        }

        @media screen and (max-width: #{$responsive-break-small}) {
            .archivespress-dates-month-wrapper {
                display: block;

                .archivespress-dates-days {
                    padding: .66em 0 0;
                }
            }
        }
    }

    &.archivespress-dates-layout-basic {
        .archivespress-dates-year-wrapper {
            display: flex;

            .archivespress-dates-year {
                @include ltr {
                    margin: 0 1.66em 0 0;
                }
                @include rtl {
                    margin: 0 0 0 1.66em;
                }
            }

            .archivespress-dates-months {
                padding: 0 0 1em;
            }
        }

        @media screen and (max-width: #{$responsive-break-medium}) {
            .archivespress-dates-year-wrapper {
                display: block;

                .archivespress-dates-year {
                    .link-year {
                        width: 50%;
                    }
                }

                .archivespress-dates-months {
                    padding: 1em 0;
                }
            }
        }

        @media screen and (max-width: #{$responsive-break-small}) {
            .archivespress-dates-year-wrapper {
                .archivespress-dates-year {
                    .inner-year {
                        width: 100%;
                    }
                }
            }
        }
    }

    &.archivespress-dates-layout-compact {
        .archivespress-dates-year-wrapper {
            .archivespress-dates-year {
                .inner-year {
                    width: 100%;
                    max-width: 30em;
                }
            }

            .archivespress-dates-months {
                padding: 1em 0;
            }
        }

        @media screen and (max-width: #{$responsive-break-small}) {
            .archivespress-dates-year-wrapper {
                .archivespress-dates-year {
                    .inner-year {
                        max-width: 100%;
                    }
                }
            }
        }
    }
}