.header-buttons {
      max-width: 162px;
      padding: 26px 0;
    }

    .header-buttons a {
      padding: 12px 28px;
      font-size: 1.6rem;
      font-weight: 600;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.2s;
    }

    .header-buttons a.get-started {
      background: #ffb300;
      color: #fff;
    }

    .header-buttons .get-started:hover {
      background: #42b48f;
    }

 .header-buttons a.get-started {
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: background-color 0.3s ease;
	display: block;
	}
 .header-buttons a.get-started:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color:#f09c00;
		transition: all .3s;
		z-index: -1;
		transform:rotate(60deg)
	}
 .header-buttons a.get-started:hover {
		color: #fff;
		background-color:#f09c00;
    }
 .header-buttons a.get-started:hover:before {
			width: 250%;
		}