.gecko-google-calendar__wrapper header {
	> .controls {
		display: flex;
		align-items: center;

		> .now {
			flex-grow: 1;

			text-align: center;

			padding: 0.5rem;
			font-size: 1.4rem;
		}

		> .left,
		> .right {
			display: flex;
			align-items: center;
			text-align: center;

			padding: 1rem;
			font-size: 2rem;

			text-decoration: none;
		}

		> .left {
			&::before {
				@include icon("angle-left");
			}
		}

		> .right {
			&::before {
				@include icon("angle-right");
			}
		}
	}

	> .headings {
		display: flex;
		border: 1px solid $color-border;

		> .heading {
			flex-basis: 1rem;
			flex-grow: 1;

			text-align: center;
			padding: 0.5rem 0;

			&:not(:last-of-type) {
				border-right: 1px solid $color-border;
			}
		}
	}
}