/* WORDPRESS: PASSWORD FORM
-------------------------------------------- */

.vlt-post-password-form {
	max-width: px2rem(480px);
	padding: px2rem(40px) px2rem(50px) px2rem(50px);
	margin-top: px2rem(60px);
	background: var(--vlt-linear-gradient);
	border-radius: var(--vlt-border-radius);

	h4 {
		margin-top: 0;
		margin-bottom: px2rem(18px);
	}

	p {
		margin-bottom: px2rem(30px);
		@include vlt_primary_regular_15;
	}

	input[type="password"] {
		padding-right: px2rem(50px);

		&:focus ~ button > svg {
			animation: vlt_animate_icon_right var(--vlt-transition-duration) var(--vlt-transition-easing) forwards;
		}

	}

	button {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0 px2rem(16px);
		margin: 0;
		overflow: hidden;
		color: var(--vlt-color-dark);
		cursor: pointer;
		background: none;
		border: none;
		transition: color var(--vlt-transition-duration) var(--vlt-transition-easing);

		svg {
			height: 1em;
		}

	}

}