.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:0.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

body {
  background: url("https://integralmaringa.com.br/useful_websites/sorteio-pas/assets/bg.png") !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  font-family: 'Lato', sans-serif;
}

.footer {
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #555555;
  text-align: center;
  color: #fff;
  padding-top: 0px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

a.img-link:hover
{
  border: 0 none;
  text-decoration: none;
}

.btn.btn-primary {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  transition: all 0s ease-out;
  background: #FFB401;
}

button.botao {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  transition: all 0s ease-out;
  height: 35px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
  white-space: nowrap;
  padding: 4px 18px 0;
  position: relative;
  cursor: pointer;
  border: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: 35px;
}

button.danger {
  border-right: solid 1px #9A9A9A;
  background: #c56660;

  -webkit-box-shadow: 0px 3px 0px 0px #953138;
  box-shadow: 0px 3px 0px 0px #953138;
}

button.danger::after {
  border-left: solid 1px #db4852;
  background: #c56660;

  -webkit-box-shadow: 0px 3px 0px 0px #953138;
  box-shadow: 0px 3px 0px 0px #953138;
}

button.atencao:hover {
  border-right: solid 1px #9A9A9A;
  background: #f0ce92;

  color: #3A3B35;
  text-shadow: 0px -1px 0px rgba(255,255,255,0.6);

  -webkit-box-shadow: 0px 3px 0px 0px #E1BA73;
  box-shadow: 0px 3px 0px 0px #E1BA73;
}



button.atencao {
  border-right: solid 1px #9A9A9A;
  background:  #FDDA98;

  color: #3A3B35;
  text-shadow: 0px -1px 0px rgba(255,255,255,0.6);

  -webkit-box-shadow: 0px 3px 0px 0px #E1BA73;
  box-shadow: 0px 3px 0px 0px #E1BA73;
}

button.atencao::after {
  border-left: solid 1px #DAAA58  ;
  background: #FFD281;

  -webkit-box-shadow: 0px 3px 0px 0px#E1BA73;
  box-shadow: 0px 3px 0px 0px#E1BA73;
}


button.sucesso {
  border-right: solid 1px #9A9A9A;
  background: #7DC559;

  -webkit-box-shadow: 0px 3px 0px 0px#28951E;
  box-shadow: 0px 3px 0px 0px#28951E;
}

button.sucesso::after {
  border-left: solid 1px #5e9443  ;
  background: #7DC559;

  -webkit-box-shadow: 0px 3px 0px 0px#28951E;
  box-shadow: 0px 3px 0px 0px#28951E;
}

button.cinza {
  border-right: solid 1px #9A9A9A;
  background: linear-gradient(#969696, #76777B);

  -webkit-box-shadow: 0px 3px 0px 0px #47484C;
  box-shadow: 0px 3px 0px 0px #47484C;
}

button.cinza::after {
  border-left: solid 1px #707070;
  background: linear-gradient(#7E7E7E, #595A5C);

  -webkit-box-shadow: 0px 3px 0px 0px #283A60;
  box-shadow: 0px 3px 0px 0px #283A60;
}

button.fb {
  border-right: solid 1px #405499;
  background: #5B79B7;

  -webkit-box-shadow: 0px 2px 0px 0px #364D7F;
  box-shadow: 0px 2px 0px 0px #364D7F;
}

button.fb::after {
  border-left: solid 1px #435BA5;
  background: #435BA5;

  -webkit-box-shadow: 0px 2px 0px 0px #283A60;
  box-shadow: 0px 2px 0px 0px #283A60;
}

button.facebook {
  border-right: solid 1px #44A5C8;
  background: #399FC5;

  -webkit-box-shadow: 0px 3px 0px 0px#287088;
  box-shadow: 0px 3px 0px 0px#287088;
}

button.instagram {
  border-right: solid 1px #a92477;
  background: #BC2A8D;

  -webkit-box-shadow: 0px 3px 0px 0px #a02478;
  box-shadow: 0px 3px 0px 0px #a02478;
}

button.botao:active {
  color: #FAD992;
}

button.danger:active {
  color: #fae2bf;
}

button.facebook:active {
  background: linear-gradient(#278AB1, #349EC5);
}

button.cinza:active {
  background: linear-gradient(#76777B, #969696);
}

button.sucesso:active {
  background: linear-gradient(#69a64b, #56873d);
}

button.botao::after {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  padding-top: 10px;
  line-height: 20px;
  top: 0px;
  right: -34px;
  font-size: 14px;
  font-weight: bold;
  border-top-right-radius: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border-bottom-right-radius: 5px;
}

button.facebook::after {
  border-left: solid 1px #257191;
  background: #2C88B9;

  -webkit-box-shadow: 0px 3px 0px 0px#306E8F;
  box-shadow: 0px 3px 0px 0px#306E8F;
}

button.instagram::after {
  border-left: solid 1px #921f67;
  background: #BC2A8D;

  -webkit-box-shadow: 0px 3px 0px 0px #942068;
  box-shadow: 0px 3px 0px 0px #942068;
}

button.instagram:hover::after {
  background: #A325AD;
}

button.facebook:active:after {
  -webkit-box-shadow: 0px 3px 0px 0px#1F5172;
  box-shadow: 0px 3px 0px 0px#1F5172;
}

button.vermelho:active {
  background: linear-gradient(#a21217, #f01a25);
  color: #fc6c02;
}

button.vermelho, button.vermelho:after {
  border-left: solid 1px #a23c3a;
  background: #f01a25;
  color: #fff;

  -webkit-box-shadow: 0px 3px 0px 0px #950d0e;
  box-shadow: 0px 3px 0px 0px#950d0e;
}

button.vermelho {
  border-right: solid 1px #cc614b;
}

button.vermelho:active::after {
  background: linear-gradient(#a21217, #f01a25);
  -webkit-box-shadow: 0px 3px 0px 0px #870908;
  box-shadow: 0px 3px 0px 0px#870908;
}

button.vermelho:hover {
  border-left: solid 1px #a23c3a;
  background: linear-gradient(#cf4c4a, #a23c3a);

  -webkit-box-shadow: 0px 3px 0px 0px#950d0e;
  box-shadow: 0px 3px 0px 0px#950d0e;
}

button.verde:hover {
  border-left: solid 1px #5AA639;
  background: linear-gradient(#81C558, #5AA639);

  -webkit-box-shadow: 0px 3px 0px 0px#28951E;
  box-shadow: 0px 3px 0px 0px#28951E;
}


button.verde:active {
  background: linear-gradient(#6aa24f, #81C558);
  color: #b7fc8f;
}



button.verde, button.verde:after {
  border-left: solid 1px #5AA639;
  background: #81C558;
  color: #fff;

  -webkit-box-shadow: 0px 3px 0px 0px#28951E;
  box-shadow: 0px 3px 0px 0px#28951E;
}

button.verde {
  border-right: solid 1px #87CC62;
}

.btn .btn-primary {
  background: #39A1C6;
}

button.verde:active::after {
  background: linear-gradient(#6aa24f, #81C558);
  -webkit-box-shadow: 0px 3px 0px 0px#24871b;
  box-shadow: 0px 3px 0px 0px#24871b;
}

button.gerenciar_promo::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
}

button.usuario::after {
  content: "\f007";
}

button.youtube::after {
  font-family: 'Font Awesome 5 Brands' !important;
  content: "\f167";
}

.card-footer {
  padding: .6rem 0.75rem;
  background-color: #F0F0F0;
}

#page-loading {
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.btn-primary {
  background: #3AA0C8;
  border-color: #3984B7;
  border-right: solid 1px #2B7A98;

  -webkit-box-shadow: 0px 2px 0px 0px#287088;
  box-shadow: 0px 2px 0px 0px#287088;
}

.btn-success {
  background: #7DC559;

  -webkit-box-shadow: 0px 3px 0px 0px#28951E;
  box-shadow: 0px 3px 0px 0px#28951E;
}

.btn-danger {
  background: #f01a25;

  -webkit-box-shadow: 0px 3px 0px 0px #950d0e;
  box-shadow: 0px 3px 0px 0px#950d0e;
}


.btn-group-sm .btn, .btn-sm {
  font-size: 12px;
}

.btn-primary:active {
  background: linear-gradient(#278AB1, #349EC5) !important;
  border-color: #2A7997;
}

.btn-group button.btn.btn-secondary:nth-child(2) {
  border-left: none;
}

.btn-secondary {
  background: #fff;
  border-color: #ccc;
  color: #000;

  -webkit-box-shadow: 0px 3px 0px 0px #ccc;
  box-shadow: 0px 3px 0px 0px #ccc;
}

.btn-secondary:active {
  background: #ccc !important;
  color: #000;
}

.btn-secondary:hover {
  -webkit-box-shadow: 0px 3px 0px 0px #5a6268;
  box-shadow: 0px 3px 0px 0px #5a6268;
}

button.fb:after {
  font-family: 'Font Awesome 5 Brands';
  content: "\f39e";
}

button.wpp:after {
  font-family: 'Font Awesome 5 Brands';
  content: "\f232";
}

button.email:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f199";
}

button.plus:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f005";
}

button.cancelar:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f05e";
}

button.right:after {
  content: "\f054";
}

button.sortear:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f054";
}

button.add_aba:after {
  content: "\f054";
}

button.mudar_para_plus:after {
  content: "\f005";
}

button.gerenciar_promocoes:after {
  content: "\f044";
}

button.quero_participar:after {
  content: "\f054";
}

button.participou:after {
  content: "\f00c";
}

button.icon_instagram:after {
  font-family: 'Font Awesome 5 Brands' !important;
  content: "\f16d";
}

button.icon_site:after {
  content: "\f0c1";
}

button.icon_youtube:after {
  font-family: 'Font Awesome 5 Brands' !important;
  content: "\f167";
}

button.icon_facebook:after {
  font-family: 'Font Awesome 5 Brands' !important;
  content: "\f39e";
}

button.save:after {
  content: "\f0c7";
}


button.sucesso:hover {
  border-left: none;
  background: linear-gradient(#81C558, #5AA639);

  -webkit-box-shadow: 0px 3px 0px 0px#28951E;
  box-shadow: 0px 3px 0px 0px#28951E;
}

.btn-primary:hover {
  background: linear-gradient(#2C88B9, #2b87ae);
}

.facebook:hover {
  background: linear-gradient(#1d5878, #2b87ae);
}

.instagram:hover {
  background: linear-gradient(#BE4185, #A325AD);
}

button.fb:hover {
  background: linear-gradient(#5B79B7, #4a6193);
}

button.cinza:hover {
  background: linear-gradient(#969696, #5f6063);
}

button.fb:active {
  color: #cbdbfb;
  background: #5B79B7;
}

button.cinza:active {
  color: #ccc;
}

button.completo {
  border-right: solid 1px #287088;
  border-radius: 5px;
  margin-right: 5px;
}

.top15 {
  margin-top: 15px;
}

.top20 {
  margin-top: 15px;
}

.top5 {
  margin-top: 5px;
}

.top10 {
  margin-top: 10px;
}

.padding5 {
  padding: 5px;
}

.padding10 {
  padding: 10px;
}

.top20 {
  margin-top: 20px;
}

.top25 {
  margin-top: 25px;
}

button.disabled, button.disabled:hover {
  background: #ccc;
  color: #999;
  border: solid 1px #999;
  box-shadow: 0px 3px 0px 0px #959595;
}


.mini-sidebar .sidebar-nav #sidebarnav .item::after {
  border-top: solid 1px #ccc;
  content: " ";
  position: absolute;
  width: 100%;
  top: 0px;
}

.mini-sidebar .sidebar-nav #sidebarnav .item::before {
  border-top: solid 1px #999;
  content: " ";
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.mini-sidebar .sidebar-nav #sidebarnav .item::after {
  border-top: solid 1px #ccc;
  content: " ";
  position: absolute;
  width: 100%;
  top: 0px;
}

.mini-sidebar .sidebar-nav #sidebarnav .item.primeiro::after {
  border-top: none;
  content: " ";
  width: auto;
  top: 0px;
}

#sidebarnav .item .icone {
  font-size: 24px;
  text-shadow: 0 1px 1px #333;
  padding: 6px 5px;
}

#sidebarnav .item .fa-shopping-cart.icone {
  margin-left: -3px;
}

#sidebarnav .item.active .icone {
  /*color: #339FC8;*/
}

#sidebarnav .item span {
  margin-left: 5px;
  margin-top: 2px;
}

#sidebarnav .item.active span {
  /*color: #339FC8;*/
}


.modal-content {
  width: fit-content;
}

.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F79E05 0%, #8F5408 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F5408;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F5408;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F5408;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F5408;
}

.cancelado .ribbon span {
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
}

.cancelado .ribbon span::after {
  border-right: 3px solid #8F0808;
  border-top: 3px solid #8F0808;
}

button.twitter, button.twitter:after {
  border-left: solid 1px #1b95e0;
  background: #1b95e0;
  color: #fff;

  -webkit-box-shadow: 0px 2px 0px 0px #167ab7;
  box-shadow: 0px 2px 0px 0px #167ab7;
}

button.twitter::after {
  border-left: solid 1px #435BA5;
  background: #167ab7;

  -webkit-box-shadow: 0px 2px 0px 0px #167ab7;
  box-shadow: 0px 2px 0px 0px #167ab7;
}

button.twitter:hover {
  background: linear-gradient(#1884c7, #1884c7);
}

button.twitter:after {
  font-family: 'Font Awesome 5 Brands';
  content: "\f099";
}

button.twitter:active {
  color: #cbdbfb;
}