Шаблон:ModernButton/styles.css

.modern-button {
	position: relative;
	display: flex;
	width: 100%;
	min-width: 45%;
	min-height: 64px;
	overflow: hidden;
	box-shadow: var(--box-shadow-medium);
	transition: all 0.1s ease;
	border-radius: var(--border-radius-high);
}

.modern-button__image {
	position: relative;
	display: flex;
	align-items: center;
	padding: 4px;
}

.modern-button__content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 100%;
	font-size: var(--font-size-xs);
	padding: 6px 10px;
	box-sizing: border-box;
	background: rgba(var(--color-darkened--rgb), 0.1);
}

.modern-button__title {
	font-size: var(--font-size-giant);
	line-height: 1;
	font-family: var(--font-family-oswald);
}

.modern-button__subtext {
	font-size: var(--font-size-xs);
}