kiss/plugin/example/css/main.css

/** EXAMPLE **/
/* Conteneur principal du plugin Example */
.plugin-example{
	list-style-type: none;
	margin:0;
	padding:0;
}

.plugin-example #examples {}

/* formulaire d'édition de contact */
.plugin-example .contact-form {}

/* card  */

.card-component-container .contact-card {
	display: block;
    width: 375px;
}
.contact-card div:not(.row) {
	display: block;
}
.contact-card .top-part .header-top {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 25px;
	display: flex;
}
.contact-card .header-top > div {
    display: inline-block;
}
.contact-card .header-top > .icon {
	width: 60px;
	display: inline-flex;
	font-size: 2em;
	margin-right: 15px;
}
.contact-card .icon > img {
	margin: auto;
	width: 60px;
	height: 60px;
}
.contact-card .bottom-part {
    padding: 10px 15px;
}
.contact-card .label {
    display: block;
    color: #424242;
    text-shadow: none;
    padding: 0.5rem 0 0 0;
    margin-bottom: 0;
}
.contact-card .content-block > div > div {
    display:  inline-block;
    float: left;
}
.contact-card .content-block > div > div:after {
    clear: both;
    content: '';
}
.contact-card .content-block .label-box {
    width: 25%;
	font-size: 0.85em;
	font-weight: bold;
	text-align: right;
	margin-right: 5%;
}
.contact-card .content-block .text-box {
    width: 70%;
    min-height: 25px;
    font-size: 0.85em;
}
.contact-card hr {
	margin: 0;
}
.contact-card div {
	min-height: 0px;
}
.contact-card .bottom-part .btn {
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}