.button-link>span {position: relative; z-index: 2; transition: all 0.2s ease-in-out;}
.button-link .ico-enveloppe {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-enveloppe.svg);}
.button-link .ico-horloge {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-horloge.svg);}
.button-link .ico-facebook {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-facebook.svg);}
.button-link .ico-mail {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-mail.svg);}
.button-link .ico-idees {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-idees.svg);}
.button-link .ico-arrow {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-arrow.svg);}
.button-link .ico-videos {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-youtube.svg);}
.button-link .ico-edit {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-edit.svg);}
.button-link .ico-file {background-image: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon/icon-files.svg);}
.button-link.light:not(:hover) [class*='ico-'].light {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.button-link::before:hover {background: #0094BB;}
.button-link.light{border-color: #FFF;}
.button-link.light::before {background-color: #FFF;}
.button-link.light, .button-link.light.inverse:hover{color: #FFF;}
.button-link.light:hover, .button-link.light.inverse{color: #1F5296;}
.s4Block.button-link{display: block; width: 100%;}
.s4Block.button-link a{border-radius: 10px; text-decoration: none; text-align: left; display: block; font-size:1.6rem; background: #0D184C; color: #FFF; padding: 30px 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 700px; margin: auto; position: relative; margin-bottom: 10px;}
.s4Block.button-link a .picto img{position: absolute; top: 0; left: 30px; width: 60px; height: 100%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/blocks/button-link/picto-file.svg) no-repeat center/70%;} .s4Block.button-link a .name{display: inline-block; font-weight: bold; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; text-align: center;}
.s4Block.button-link a .name.withIcon{padding-left: 100px;}
.s4Block.button-link a:hover {color: #009289;}
.editor-styles-wrapper .s4Block.button-link a {pointer-events: none; text-decoration: none;} @media (max-width: 767px) {
.s4-buttonContainer:not(:first-child) {margin-top: 20px;}
.s4-buttonContainer:not(:last-child) {margin-bottom: 30px;}
}
@media (max-width: 575px) {
.s4Block.button-link a .name.withIcon{padding-left: 55px; padding-right: 20px;}
}.s4Block.button-files{display: block; width: 100%;}
.s4Block.button-files a{border-radius: 10px; text-decoration: none; text-align: left; display: block; font-size:1.6rem; background: #0D184C; color: #FFF; padding: 30px 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 700px; margin: auto; position: relative;}
.s4Block.button-files a .picto{position: absolute; top: 0; left: 20px; width: 60px; height: 100%; background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/blocks/files-buttons/picto-file.svg) no-repeat center/80%;} .s4Block.button-files a .name{display: inline-block; font-weight: bold; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; text-align: center; padding-left: 100px;}
.s4Block.button-files a:hover {color: #009289;}
.editor-styles-wrapper .s4Block.button-files a {pointer-events: none;}
@media (max-width: 991px) {
.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 .infos::before {width: 15px; height: 15px; margin-right: 5px;}
}
@media (max-width: 575px) {
.s4Block.button-files a .name{padding-left: 55px; padding-right: 20px;}
}