@use '../../assets/styles/variables' as *;

.product {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 270px;

	.image {
		background-color: #f5f5f5;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 35px;
		height: 250px;
		position: relative;

		.buttons {
			position: absolute;
			top: 12px;
			right: 12px;

			button {
				display: flex;
				outline: 0;
				border: 0;
				border-radius: 50%;
				padding: 10px;
				background-color: white;

				cursor: pointer;
			}
		}
	}

	.content {
		h4 {
			font-size: 16px;
		}

		.stats {
			span {
				font-size: 16px;
				color: $primary-color;
			}
		}
	}
}
