.hulk_affef_currency_wrap {
	max-width: 100%;
	flex-basis: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	position: relative;

	.hulk_affef_currency_field {
		padding-right: 80px;
	}

	.hulk-spin-down {
		position: absolute;
		top: 0;
		right: 40px;
		display: flex;
		height: 40px;
		width: 40px;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		outline: none;

		&:hover {
			color: #7a7a7a;
		}

		svg {
			fill: currentColor;
		}
	}

	.hulk-spin-up {
		@extend .hulk-spin-down;
		right: 0;
	}
}
