%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/businessmultisite/wp-content/themes/stripes_weekly/src/scss/
Upload File :
Create Path :
Current File : /var/www/businessmultisite/wp-content/themes/stripes_weekly/src/scss/_cookies-popup.scss

.cookies-popup {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: calc-rem(9);
	overflow: hidden;
	max-width: 430px;
	box-shadow: 0px 0px 65px 0px rgba(34, 60, 80, 0.3);
	transform: scale(1);
	opacity: 1;
	transform-origin: right bottom;
	transition: all 0.5s ease-in-out;
	z-index: 99999;

	@media (max-width: 900px) {
		max-width: 1000px;
		left: 16px;
		bottom: 16px;
		right: 16px;
	}

	&.cookies-popup--hidden {
		transform: scale(0);
		opacity: 0;
	}

	.cookies-popup--header {
		display: flex;
		align-items: center;
		padding: 17px 24px;
		justify-content: space-between;
		background: #EAEAEA;
		img {
			max-height: 45px;
		}

		.cookies--header--close {
			background: none;
			border: none;
			font-size: calc-rem(16);
			text-decoration: underline;
			text-transform: uppercase;
			color: #1D1D1D;
		}
	}

	.cookies-popup--body {
		padding: calc-rem(24);
		h5 {
            font-size: calc-rem(18);
            color: #1D1D1D;
            margin-bottom: calc-rem(15);
		}	

		p {
			margin-bottom: calc-rem(15);
		}

        a {
            color: #3C7273;
        }

		> * {
			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	.cookies-popup--footer {
		padding: 24px;
		padding-top: 0;
		display: flex;
		flex-direction: column;

		> * + * {
			margin-top: 12px;
		}

		button {
			background: none;
			border: solid 1px #1D1D1D;
			border-radius: calc-rem(9);
			font-size: calc-rem(18);
			padding: calc-rem(10) calc-rem(20) calc-rem(10) calc-rem(20);
			font-weight: bold;
			text-transform: uppercase;
			opacity: 1;
			transition: all 0.3s ease-in-out;
			color: #1D1D1D;

			&:hover {
				opacity: 0.7;
			}
		}

		.cookies-popup--footer--accept {
			background: #1D1D1D;
			color: #fff;
		}

		.cookies-popup--footer--close {
			

		}

	}
}

Zerion Mini Shell 1.0