// Padding that will get applied to content areas
$box-spacing-large: 20px;

// Standard padding around box elements such as banner messages, etc
$box-spacing: 10px;

.account-button {
	font-family: $sans-serif-font;
	text-align: right;
	z-index: 1000;
  padding-right: 1em;
  float: right;
	@include vertical-align;

	.btn-default {
		@include button-hollow;
  
    a {
      color: #fff;

      &:hover {
      	text-decoration: none;
      }
    }

    &:hover,
    &:focus,
    &:active {
      a {
        color: $blue;
      }
    }
	}

  @include breakpoint(xs) {
    display: none;
  }
}