/* --------------------------------------------|
|                                              |
|  Component Block                             |
|                                              |
|-------------------------------------------- */

.block {
	background-color: var(--color-light);
	padding: var(--padding-secondary-horizontal-rem);
	margin-bottom: 40px;
}

/* --------------------------------------------|
|  Header                                      |
|-------------------------------------------- */

.block__header {
	background-color: var(--color-accent);
	padding: 20px;
	color: var(--color-light);
	margin-bottom: 20px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

/* --------------------------------------------|
|  Content                                     |
|-------------------------------------------- */

.block__content {

}

/* --------------------------------------------|
|  Footer                                      |
|-------------------------------------------- */

.block__footer {
	padding: 20px 20px 20px 20px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

/* --------------------------------------------|
|                                              |
|  Accent                                      |
|                                              |
|-------------------------------------------- */

.block--accent {
	background-color: var(--color-accent);
	color: var(--color-light);
}

/* --------------------------------------------|
|                                              |
|  Plain                                      |
|                                              |
|-------------------------------------------- */

.block--plain {
	padding: 0;
}

.block--quote {
    margin-top: 40px;
}