/* Device page (templates/device-template.php)

   The closing band after the FAQs: black, centred, with the page's price line
   and two buttons. Dark grey (secondary) with white text, a step lighter than
   the black footer, and the filled button is the shared dark-band inversion
   the blog bands use: white pill, dark arrow chip.

   Specificity: the base hover selector is five classes
   (.button:not(.label, .outline, :disabled):hover), so the button rules here
   stay below that and leave hover to the base .button. */

/* #232323 in the frame, so the band reads apart from the black footer below it. */
.device-close {
	background-color: var(--color-secondary);
}

.device-close .title,
.device-close .boxen p {
	color: var(--color-white);
}

.device-close .button:not(.outline) {
	background-color: var(--color-white);
	color: var(--color-primary);
}

.device-close .button:not(.outline):after {
	background-color: var(--color-primary);
	color: var(--color-white);
}