.header-actions-footer {
	z-index    : 4;
	position   : -webkit-sticky;
	position   : sticky;
	bottom     : 0;
	opacity    : 1;
	transform  : translate3d(0, 0, 0);
	transition : all .3s ease-out;
}

.header-actions-footer--is-hide {
	transform      : translate3d(0, 100%, 0);
	opacity        : 0;
	pointer-events : none;
}

.header-actions-footer__search-input {
	position       : absolute;
	top            : 0;
	left           : 0;
	width          : 100%;
	z-index        : 0;
	padding        : 0;
	opacity        : 0;
	visibility     : hidden;
	pointer-events : none;
	transform      : translate3d(0, 0, 0);
	transition     : all .3s ease-out;
}

.header-actions-footer__search-input--is-visible {
	transform      : translate3d(0, calc(-100% - 10px), 0);
	opacity        : 1;
	visibility     : visible;
	pointer-events : all;
}

.header-actions-footer__inner {
	position              : relative;
	z-index               : 1;
	display               : grid;
	grid-template-columns : repeat(auto-fit, minmax(50px, 1fr));
	background-color      : var(--color-primary);
	box-shadow            : 0 0 15px rgba(0, 0, 0, .3);
	padding               : 0 5px;
}

.header-actions-footer__inner > * {
	padding : 15px 0;
}

.header-actions-footer a {
	width           : 100%;
	height          : 100%;
	display         : flex;
	align-items     : center;
	justify-content : center;
	color           : var(--color-secondary);
}

body[data-is-desktop="true"] .header-actions-footer {
	display : none;
}