// Header
.edit-post-header {
	button[aria-label="Page Templates"] {
		position: absolute;
		left: 4px;
		top: 10px;

		&.is-toggled svg *,
		svg * {
			stroke: none !important;
			path { stroke: none !important; }
		}

		&:hover {
			&.is-toggled svg *,
			svg * {
				stroke: none !important;
				path { stroke: none !important; }
			}
		}
	}

	.layout--header--show-template-button {
		svg {
			display: inherit;
			stroke: none !important;
			path {
				stroke: none !important;
			}
		}
	}
}

// Sidebar
.edit-post-sidebar {

	.components-panel {

		div[data-component="sidebar--available-blocks"] {
			.template-thumb-button {
				position: relative;
				display: block;
				margin: 10px 0;
				text-decoration: none;
				button {
					transition: all 0.6s $easeOutQuart;
					position: absolute;
					bottom: 10px;
					right: 20px;
					opacity: 0;
				}
				img {
					margin: 0 auto;
					display: inherit;
				}
				/* ---- hover ---- */
				&:hover {
					button {
						opacity: 1;
					}
				}
			}
		}
	}

}