/* WIDGET: SEARCH FORM
-------------------------------------------- */

.vlt-widget.widget_search {

	.vlt-search-form {
		position: relative;
		overflow: hidden;

		input[type="text"] {
			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;
			}

		}

	}

}