/* Marketplace nav item: text link with underline + down arrow (was an icon button) */
@media all and (min-width:60em){
  .nav-bar.show-join .join-container.btn-has-text{width:auto;min-width:0;margin:0 32px 0 24px;display:flex;align-items:center}
  .nav-bar .join-container .btn-join.ui-link,
  .nav-bar .join-container .btn-join.ui-link:visited{
    width:auto;height:auto;line-height:1.2;padding:4px 0 6px;
    display:inline-flex;align-items:center;gap:8px;
    color:#17191c;font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;
    border-bottom:2px solid #17191c;text-decoration:none;
    transition:color .3s ease,border-color .3s ease;
  }
  .nav-bar .join-container .btn-join.ui-link:hover{color:#cb5a09;border-bottom-color:#cb5a09;filter:none}
  .nav-bar .join-container .btn-join i{display:none}
  .nav-bar .join-container .btn-join i.mkt-arrow{display:inline-block;font-size:.9em;line-height:1;margin:0}
  .nav-bar .join-container .btn-join span.desktop-large{display:inline}
}

/* Home #support list: arrow circles - centred arrow, orange fill + rotate on hover */
#support .circle.rotate-45{
  width:64px;height:64px;padding:0;margin-left:auto;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  transform:rotate(45deg);
  transition:transform .6s cubic-bezier(.4,0,.2,1),background-color .4s ease-in-out,border-color .4s ease-in-out;
  cursor:pointer;
}
#support .circle.rotate-45 > div{width:auto;padding:0;margin:0}
#support .circle.rotate-45 .h6{line-height:1;padding:0;margin:0}
#support .circle.rotate-45 i,#support .circle.rotate-45 svg{display:block;line-height:1;margin:0;vertical-align:middle}
#support .circle.rotate-45 span{transition:color .4s ease-in-out}
#support .circle.rotate-45:hover{transform:rotate(0deg);background-color:#cb5a09;border-color:#cb5a09;filter:none}
#support .circle.rotate-45:hover span{color:#17191c!important}
#support .circle.rotate-45:hover svg{color:#17191c}