/*
The Styling is for preview post on right metabox sidebar at page edit section.
*/
/*
    Created on : Sep 28, 2020, 4:39:22 PM
    Author     : milind
*/

.rg-post-preview {

	&--updated {
		font-size: 12px;
		color: rgba(51, 51, 51, 0.6);
	}

	&--purchase {
		&-option {
			border: 2px solid #2e2e2e;
			border-radius: 5px;
			display: flex;
			padding: 7px 10px;
			text-align: left;
			margin: 2px 0;
			cursor: pointer;
			transition: opacity 0.2s;
			width: 90%;
			align-self: center;
			position: relative;

			&-title {
				width: 75%;
				float: left;
				font-weight: bold;
				text-align: left;
			}

			&-amount {
				width: 25%;
				float: right;
				text-align: right;
				font-weight: bold;
			}
		}
	}
	&--edit {
		display: flex;
		align-items: center;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	&--button-black {
		padding: 7px 30px;
		border: 2px solid #fff;
		background-color: #1d1d1d;
		color: #fff;
		border-radius: 4px;
		font-weight: 500;
		font-size: 17px;
		text-decoration: none;
		width: 100%;
		&:hover {
			color: #fff;
		}
	}
}
