@import "effects";

vn-zone-events {
    .week-days {
        margin-top: $margin-small;
        margin-bottom: $margin-medium;
        text-align: center;

        & > span {
            @extend %clickable;
            border-radius: 50%;
            padding: .4em;
            margin: .2em;
            display: inline-flex;
            width: 1.5em;
            height: 1.5em;
            justify-content: center;
            align-items: center;
            outline: none;
            background-color: rgba(0, 0, 0, .05);

            &.marked {
                background: $color-main;
                color: $color-font-dark;
            }
        }
    } 
}