// Business Info Social Media .social-media{ .fa-circle{ display: none; } .fa-stack{ font-size: 22px; .fa{ color: #fff; transition: all .3s ease-in-out; } } @include screen-sm-min{ &:hover{} } } // Instagram Icon Background Gradient // Top To Bottom background: linear-gradient( to bottom, #833ab4, #fd1d1d, #fcb045); background: linear-gradient(to bottom, #7432FC, #AF13D1, #EA0F7E, #FB3B31, #FFCE00); // Top Left Blue - Bottom Right Yellow background: linear-gradient(210deg, rgba(64,93,230,1) 0%, rgba(131,58,180,1) 20%, rgba(225,48,108,1) 50%, rgba(245,96,64,1) 60%, rgba(252,175,69,1) 80%, rgba(255,220,128,1) 100%); ----------------------------------------------------------------------- background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); background: radial-gradient(circle at 90% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -------------------------------------------------------------------------- Instagram Gradietn BG ---------------------- /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#405de6+0,833ab4+20,e1306c+40,f56040+60,fcaf45+80,ffdc80+100 */ background: rgb(64,93,230); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(64,93,230,1) 0%, rgba(131,58,180,1) 20%, rgba(225,48,108,1) 40%, rgba(245,96,64,1) 60%, rgba(252,175,69,1) 80%, rgba(255,220,128,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(64,93,230,1) 0%,rgba(131,58,180,1) 20%,rgba(225,48,108,1) 40%,rgba(245,96,64,1) 60%,rgba(252,175,69,1) 80%,rgba(255,220,128,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(64,93,230,1) 0%,rgba(131,58,180,1) 20%,rgba(225,48,108,1) 40%,rgba(245,96,64,1) 60%,rgba(252,175,69,1) 80%,rgba(255,220,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405de6', endColorstr='#ffdc80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */