.lp-push-notifications{
	padding: 20px;

	&__heading {
		font-size: 20px;
		margin-bottom: 20px;
		display: flex;
		gap: 10px;
		align-items: center;
	}

	&__filters {
		&__inner{
			display: flex;
			gap: 10px;

			&__search {
				border: 1px solid #949494;
				outline: none !important;
				box-shadow: none !important;
				color: #2c3338 !important;
				background-color: #fff !important;
			}

			&__button {
				height: 30px;
			}
		}
	}

	&__actions {
		display: flex;
		gap: 10px;
		align-items: center;

		&__toggle {
			width: 30px !important;
			height: 30px !important;
			display: flex;
			align-items: center;
			justify-content: center;

			>svg{
				width: 20px;
				height: 20px;
			}
		}

		&__dropdown {
			padding: 0 10px;
    		margin: 0;

			button{
				width: 100% !important;
				height: 30px !important;
				box-shadow: none !important;
				border: none !important;
			}
		}
	}

	&__pagination {
		margin-top: 20px;

		>ul{
			display: flex;
			gap: 8px;
			align-items: center;

			>li{
				a{
					background-color: #fff;
					cursor: pointer;
					padding: 4px 10px;
					border-radius: 3px;
					color: #444;
					text-decoration: none;
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid #c3c4c7;
				}

				&.current{
					a{
						background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
						color: #fff;
						border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
					}
				}

				&.disabled{
					a{
						pointer-events: none;
						opacity: 0.6;
					}
				}
			}
		}
	}

	&__snackbar{
		max-width: 600px;
    	width: max-content;
		z-index: 9999;
		position: absolute;
		bottom: 30px;
		left: 50%;
		transition: all 0.3s ease-in-out;
		transform: translate(-50%, 100%);
		opacity: 0;
		visibility: hidden;

		&--show{
			opacity: 1;
			visibility: visible;
			transform: translate(-50%, 0);
			transition: all 0.3s ease-in-out;
		}

		&--fixed {
			position: fixed;
			bottom: 30px;
		}
	}
}