.page-content {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.device-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	place-items: center;
}

/* .device-grid>* {
	flex-grow: 1;
} */

.device-item {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}

.device-item * {
	flex-grow: 1;
}

.device-image {
	max-width: 100%;
	max-height: 300px;
	width: 100%;
	height: 100%;
	position: relative;
}

.device-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.device-image a img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.device-info {
	width: 100%;
	max-width: 100%;
	white-space: wrap;
	padding: 1rem;
}

.device-actions {
	padding: 1rem;
}

.device-actions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
	/* gap: 0.5rem; */
	/* text-align: center; */
	/* justify-self: end; */
	/* align-self: end; */
}

.device-actions-grid button {
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}