.attachment-list {
	list-style-type: none;
	padding: 0;


	li {

		margin: 0px 0 10px 0px;
		border: 1px solid var(--e-global-color-a48be78);
		border-radius: 30px;
		padding: 10px 15px;

		.container-docs-info {
			display: flex;
			justify-content: space-between;
			align-items: center;
			text-decoration: none;
			color: var(--e-global-color-a48be78);
			font-family: var(--e-global-typography-74244e1-font-family), Sans-serif;
			font-size: 18px;

			.icon-docs-info {
				border-radius: 100%;
				padding: 15px;

				svg {
					width: 30px;
					height: 30px;



					circle {
						fill: var(--e-global-color-secondary);
					}

					g {
						path {
							fill: var(--e-global-color-text);
						}

					}


				}
			}

		}
	}

	&.light-mode {

		li {
			border: 1px solid var(--e-global-color-cf9ceac);

			.text-docs-info {
				color: var(--e-global-color-cf9ceac);
			}

			.icon-docs-info {


				svg {

					circle {
						fill: var(--e-global-color-text);
					}

					g {
						path {
							fill: var(--e-global-color-secondary);
						}

					}


					path {
						fill: var(--e-global-color-secondary);
					}


				}
			}
		}



	}
}