/*
-=-------------------------------=-
 *             C S S             *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *         B U T T O N S         *
 *  ~-~-~-~-~-~-~-~-~-~-~-~-~-~  *
 *     Design by Anna Greco      *
 *     www.houseofgreco.com      *
 *        Copyright 2026         *
-=-------------------------------=-
*/


/*	-=---------------=-
	 * ORDER BUTTONS *
	-=---------------=-  */

	.plate-button {
		float: right;
		margin: 0px 0px 5px 0px;
		width: 250px;
	}

	.drawer-artifact-100 {
		float: left;
		width: 100%;
	}

	.stepped-1 {
		background: #998C64 url('../images/bones/backgrounds/mineral-gold-leaf-400.jpg');
		background-position: center;
		border: 1px solid rgba(150, 130, 60, 0.25);
		box-shadow: 0px 0px 10px black;
		padding: 2px;
		margin: 0px 0px 11px 0px;
	}

	.stepped-2 {
		background: transparent;
		border: 1px solid rgba(190, 180, 130, 0.25);
		box-shadow: 0px 0px 3px 1px rgba(40, 40, 40, 0.5);
		padding: 3px;
	}

	.stepped-3 {
		background: transparent;
		padding: 1px;
	}

	.stepped-4 {
		background: transparent;
		padding: 2px;
	}

	.plate-add {
		background: rgba(10, 160, 160, 0.35);
		background: #21262C url('../images/bones/backgrounds/basalt-1300.jpg');
		border: 1px solid rgba(130, 130, 100, 0.5);
		box-shadow: inset 0px 0px 7px 3px black;
		cursor: pointer;
		overflow: auto;
		padding: 0;
		padding: 1px;
		transition: 0.4s ease;
		width: 100%;
	}

	.plate-add a {
		overflow: auto;
	}

	.plate-add button {
		background: transparent;
		border: 0;
		padding: 0;
		width: 100%;
	}

	.plate-add-text {
		color: #6CCA08;
		cursor: pointer;
		display: block;
		font-family: Bodoni;
		font-size: 215%;
		font-weight: 900;
		letter-spacing: 3px;
		padding: 13px 10px 12px 10px;
		text-shadow: none;
		text-transform: uppercase;
		width: 100%;
	}

	.plate-add:hover {
		background: rgba(100, 175, 35, 0.55);
		border: 1px solid #A0AD6E;
		box-shadow: inset 0px 0px 7px 3px rgba(55, 110, 20, 0.6);
		transition: 1s ease;
	}

	.plate-add-text:hover {
		color: #141414;
		cursor: pointer;
		transition: 1s ease;
	}


/*	-=-------------------------------=-
	 *  M E D I A  •  Q U E R I E S  *
	-=-------------------------------=-  */

	/*	-=---------=-
		 * 801 MIN *
		-=---------=-  */

		@media screen and (min-width: 801px) {

			.dainty-order-button {
				display: none;
			}

		}

	/*	-=----------=-
		 * 800 MAX *
		-=----------=-  */

		@media screen and (max-width: 800px) {

			.mammoth-order-button {
				display: none;
			}

			.plate-button {
				margin: auto;
				width: 100%;
			}

		}