windowcontrols {
    &.end:dir(ltr),
    &.start:dir(rtl) {
        margin-left: rem(12px);
    }

    &.start:dir(ltr),
    &.end:dir(rtl) {
        margin-right: rem(12px);
    }

    button {
        border-radius: rem($window_radius / 2);
        padding: rem(4px);
        transition:
            background duration("expand") easing(),
            transform duration("expand") easing("ease-out-back");

        &:active {
            background: rgba($fg-color, 0.15);
            transform: scale(0.8);
            transition:
                background duration("collapse") easing(),
                transform duration("collapse") easing();
        }
    }
}
