.button1 {
-webkit-appearance: none;
appearance: none;
border: 1px solid var(--c1, #f7a333);
position: relative;
display: inline-block;
background-color: white;
font-size: 1.2rem;
font-weight: 600;
padding: 8px 15px;
color: #1f5296;
transition: all 0.3s ease-in-out, color 0s linear;
overflow: hidden;
text-align: center;
} .button1,
.button1.inverse:hover {
color: #1f5296;
}
.button1:hover, .button1.inverse {
color: #fff;
}
.button1 > span {
position: relative;
z-index: 2;
transition: all 0.2s ease-in-out;
color: #303f45;
}
.button1 [class*="ico-"] {
display: inline-block;
vertical-align: middle;
height: 25px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: 10px;
transition: all 0.2s ease-in-out;
}
.button1 .ico-enveloppe {
height: 16px;
width: 25px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-enveloppe.svg);
}
.button1 .ico-horloge {
height: 16px;
width: 16px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-horloge.svg);
}
.button1 .ico-facebook {
width: 12px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-facebook.svg);
}
.button1 .ico-mail {
width: 20px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-mail.svg);
}
.button1 .ico-idees {
width: 20px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-idees.svg);
}
.button1 .ico-arrow {
height: 1.6rem;
width: 2.6rem;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon2/envoyer-orange.svg);
}
.button1 .ico-videos {
width: 30px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-youtube.svg);
}
.button1 .ico-edit {
width: 20px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-edit.svg);
}
.button1 .ico-file {
width: 20px;
background-image: url(//ccghv.fr/wp-content/themes/cchvg/images/icon/icon-files.svg);
}
.button1 .ico-background img {
height: 100%;
max-width: 40px;
object-fit: contain;
}
.button1.light:not(:hover) [class*="ico-"].light {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.button1::before:hover {
background: #0094bb;
}
.button1.light {
border-color: #fff;
}
.button1.light::before {
background-color: #fff;
}
.button1.light,
.button1.light.inverse:hover {
color: #fff;
}
.button1.light:hover,
.button1.light.inverse {
color: #1f5296;
}
.button1:hover {
box-shadow: 3px 2px 8px 3px rgba(0, 0, 0, 0.17);
}
.s4-buttonContainer.text-align-left {
text-align: left;
}
.s4-buttonContainer.text-align-center {
text-align: center;
}
.s4-buttonContainer.text-align-right {
text-align: right;
}
.s4-buttonContainer:not(:first-child) {
margin-top: 50px;
}
.s4-buttonContainer:not(:last-child) {
margin-bottom: 50px;
}
.s4-buttonContainer .button1:not(:last-child) {
margin-right: 10px;
}
.wp-block-heading + .s4-buttonContainer {
margin-top: 0px !important;
}
p + .s4-buttonContainer {
margin-top: 0px !important;
} @media (max-width: 767px) {
.s4-buttonContainer:not(:first-child) {
margin-top: 20px;
}
.s4-buttonContainer:not(:last-child) {
margin-bottom: 30px;
}
}