.d-connect{display:flex;flex-wrap:wrap;justify-content:space-evenly}.d-connect .grid{display:grid;width:100%;margin-bottom:10px}@media screen and (min-width:572px){.d-connect{display:flex;flex-wrap:nowrap}.d-connect .grid:first-child{padding-right:5px}.d-connect .grid:not(:first-child):not(:last-child){padding-left:5px;padding-right:5px}.d-connect .grid:last-child{padding-left:5px}}.btn-connect{max-width:100%;display:flex;overflow:hidden;position:relative;padding:.875rem 72px .875rem 1.75rem;color:#fff;font-size:.9rem;line-height:1.25rem;font-weight:700;text-align:center;text-transform:uppercase;cursor:pointer;vertical-align:middle;align-items:center;border-radius:.5rem;gap:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:0;transition:all .6s ease;white-space:normal;word-break:break-word}@media screen and (min-width:572px){button{white-space:nowrap;word-break:normal}}.btn-connect.btn-google{background-color:#e50316;background-image:linear-gradient(to top right,#e50316,#f02031)}.btn-connect.btn-facebook{background-color:#039be5;background-image:linear-gradient(to top right,#039be5,#29b6f6)}.btn-connect.btn-dark,.btn-connect.btn-dark:hover,.btn-dark:before{background-color:#2c2e35;border:1px solid var(--headings-color)}.btn-connect span{display:grid;position:absolute;right:0;place-items:center;width:3rem;height:100%}.btn-connect.btn-google span{background-color:#c90717}.btn-connect.btn-facebook span{background-color:#039be5}.btn-connect.btn-dark span{background-color:var(--headings-color)}.btn-connect i{width:1.5rem;height:1.5rem}.btn-connect:hover{color:#fff;box-shadow:0 4px 30px rgba(4,175,255,.1),0 2px 30px rgba(11,158,255,.06)}