@use "../abstracts/variables" as variables;

.firevert-modules {
	& > p {
		padding-inline: 30px;
	}

	&__table,
	&__table-widgets {
		border: none !important;
		overflow: hidden;
		box-shadow: unset !important;

		& td {
			border: none;
			padding: 15px 30px;
			vertical-align: middle;
			border-top: 1px solid variables.$border-color;
			background-color: variables.$white;
			color: variables.$black;

			&:first-child {
				width: 80%;
				padding-left: 31px;
			}

			&:nth-child(2) {
				width: 10%;
			}

			&:nth-child(3) {
				width: 10%;
				text-align: left;
			}
		}

		& tr {
			background-color: variables.$white !important;
		}

		& .button {
			background-color: variables.$white;
			border: 1px solid #00000033;
			color: variables.$black;
			border-radius: variables.$border-radius-5;
			padding: 12px 15px;
			font-size: 16px;
			line-height: 18px;
			text-decoration: none;
			transition: all 0.2s;
			display: inline-block;

			&:hover,
			&:focus {
				background-color: variables.$primary;
				border-color: variables.$primary;
				color: variables.$white;
				box-shadow: none;
			}
		}
	}

	&__table-widgets {
		& td {
			&:first-child {
				width: 5%;
			}

			&:nth-child(2) {
				width: 50%;
			}

			&:nth-child(3) {
				width: 100%;
				margin-left: auto;
				max-width: -webkit-fill-available;
			}
		}
	}
}