div.block-twelve-container
{
	position: relative;
	margin-bottom: 30px;
}

	img.block-twelve-img
	{
		width: 100%;
	}
	
	div.block-twelve-line
	{
		position: absolute;
		width: 100%;
		left: 0px;
		bottom: 0px;
		padding: 15px;
		box-sizing: border-box;
	}
	
		span.block-twelve-btn
		{
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 5px;
			width: 100%;
			padding: 7px 15px;
			border-radius: 15px;
			background-size: 100% 200%;
			background-position: 0% 100%;
			background-image: linear-gradient(to top, #844807 0%, #d98c3a 25%, #844807 50%, #d98c3a 75%, #844807 100%);
			box-sizing: border-box;
			cursor: pointer;
			transition: 0.3s;
			-o-transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		
			span.block-twelve-btn span
			{
				font-size: 13px;
				text-transform: uppercase;
				font-weight: 600;
				color: #fff;
			}
			
			span.block-twelve-btn i
			{
				font-size: 20px;
				color: #fff;
			}
		
		span.block-twelve-btn:hover
		{
			background-position: 0% 0%;
		}
		
		span.block-twelve-btn:active
		{
			background-position: 0% 100%;
		}