.button1 {-webkit-appearance: none; appearance: none; border: 1px solid #1F5296; position: relative; display: inline-block; background: transparent; font-size: 1rem; font-weight: 600; padding: 8px 15px; color: #1F5296; transition: all 0.3s ease-in-out, color 0s linear; overflow: hidden; text-align: center;}
.button1::before {content: ''; background-color: #1F5296; position: absolute; z-index: 1; top: 0; height: 100%; width: 102%; transition: all 0.3s ease-in-out;}
.button1::before, .button1.inverse:hover::before {right: 101%;}
.button1:hover::before, .button1.inverse::before {right: -1%;}
.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;}
.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(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-enveloppe.svg);}
.button1 .ico-horloge {height: 16px; width: 16px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-horloge.svg);}
.button1 .ico-facebook {width: 12px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-facebook.svg);}
.button1 .ico-mail {width: 20px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-mail.svg);}
.button1 .ico-idees {width: 20px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-idees.svg);}
.button1 .ico-arrow {height: 16px; width: 20px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-arrow.svg);}
.button1 .ico-videos {width: 30px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-youtube.svg);}
.button1 .ico-edit {width: 20px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/images/icon/icon-edit.svg);}
.button1 .ico-file {width: 20px; background-image: url(//thaonlesvosges.fr/wp-content/themes/section4-thaon/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;}
.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;} @media (max-width: 767px) {
.s4-buttonContainer:not(:first-child) {margin-top: 20px;}
.s4-buttonContainer:not(:last-child) {margin-bottom: 30px;}
}