Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/mets.corals.io/wp-content/plugins/ultimate-blocks/src/blocks/button/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */

.wp-block-ub-button-block {
	margin: 30px auto;
	max-width: 100%;
}

.ub-button-container {
	max-width: 100%;
	display: flex;
	a.ub-button-block-main.ub-button-block-main,
	a.ub-button-block-btn.ub-button-block-btn {
		text-decoration: none;
	}
	padding: 10px 0;
	margin: 20px 0;
}

.ub-button-full-container {
	width: 100%;
}

.ub-button-block-main {
	display: flex;
	cursor: pointer;
	transition: background-color 0.5s, color 0.5s, border 0.5s;
}

.align-button-center {
	justify-content: center;
}

.align-button-left {
	justify-content: flex-start;
}

.align-button-right {
	justify-content: flex-end;
}

.ub-button-small {
	width: 180px;
	padding: 10px;
	font-size: 13px !important;
}

.ub-button-medium {
	width: 275px;
	padding: 15px;
	font-size: 17px !important;
}

.ub-button-large {
	width: 417px;
	padding: 20px;
	font-size: 22px !important;
}

.ub-button-larger {
	width: 512px;
	padding: 20px;
	font-size: 25px !important;
}

.ub-button-flex-small {
	width: fit-content;
	width: -moz-fit-content;
}
.ub-button-flex-medium {
	width: fit-content;
	width: -moz-fit-content;
}
.ub-button-flex-large {
	width: fit-content;
	width: -moz-fit-content;
}
.ub-button-flex-larger {
	width: fit-content;
	width: -moz-fit-content;
}

.ub-button-block-btn {
	text-align: center;
	color: inherit;
	margin: 0 10px;
	display: flex;
	align-items: center;
}

.ub-button-content-holder {
	display: flex;
	margin: 0 auto;
}

.ub-button-icon-holder {
	display: flex;
	align-items: center;
	padding: 0 2px;
}

.ub-button-full-width {
	width: 100%;
}

.ub-buttons {
	margin: 20px 0;
	&.align-button- {
		&center {
			text-align: center;
		}
		&left {
			text-align: left;
		}
		&right {
			text-align: right;
		}
	}
	> .ub-button-container {
		display: inline-block;
		margin: 0 10px;
	}
}

@media (max-width: 599px) {
	.ub-button-flex- {
		&small {
			min-width: 70%;
		}
		&medium {
			min-width: 80%;
		}
		&large {
			min-width: 90%;
		}
		&larger {
			min-width: 100%;
		}
	}
}