.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;
}
}.s4Block.button-files {
display: inline-block; }
.s4Block.button-files a {
text-decoration: none;
text-align: left;
display: block;
font-size: 1.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
max-width: 700px;
}
.editor-styles-wrapper .s4Block.button-files a {
pointer-events: none;
} .s4Block.button-files .bouton_telecharger {
background-color: #f7a333;
width: fit-content;
height: fit-content;
border-radius: 2.2rem;
margin-top: 20px;
}
.s4Block.button-files .bouton_telecharger p {
color: white;
font-weight: 500;
padding: 0.7rem 1.4rem 0.7rem 1.4rem;
}
.s4Block.button-files .bouton_telecharger .ico_telecharger {
width: 3.4rem;
height: 3.4rem;
min-width: 3.4rem;
min-height: 3.4rem;
background-color: white;
border-radius: 1.9rem;
margin-right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
} .wp-block-heading + .s4Block.button-files {
margin-top: 0px !important;
}
p + .s4Block.button-files {
margin-top: 0px !important;
}
.s4Block.button-files + .s4Block.button-files {
margin-top: -40px;
}
@media (max-width: 991px) {
.s4Block.button-files a {
border-width: 1px;
padding: 3px 0;
}
.s4Block.button-files a .infos,
.s4Block.button-files a .picto {
padding: 5px 20px;
}
.s4Block.button-files a .picto {
border-left-width: 1px;
}
}
@media (max-width: 767px) {
.s4Block.button-files a .infos,
.s4Block.button-files a .picto {
padding: 5px 15px;
}
.s4Block.button-files a {
font-size: 1rem;
}
.s4Block.button-files a .infos::before {
width: 15px;
height: 15px;
margin-right: 5px;
}
}