.btn-secondary {
    color: #10069F;
    border-color: #10069F;
}

.btn-secondary h6 {
	margin: 0.25em;
}

.btn--icon {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.btn__text {
    transition: transform .3s;
    transition-delay: 0s;
    position: relative;
    z-index: 10;
} 

.btn__divider {
    display: block;
    height: 28px;
    width: 30px;
    padding: 12px;
    position: relative;
    z-index: 5;
    transform-origin: right center;
}

.btn__divider-line {
    position: absolute;
    width: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    background: #10069F;
    transition: transform .3s ease .3s, right .2s ease .05s;
}

.btn__divider-arrow-part {
    opacity: 0;
    position: absolute;
    bottom: calc(100% - 5px);
    right: calc(100% + -3px);
    transform: rotate(-90deg);
    transition-delay: .35s;
}

.btn__icon {
    opacity: 1;
    position: relative;
    transition: transform .3s;
    transition-delay: .3s;
    margin-left: 8px;
    display: block;
    max-height: 26px;
}
  
.btn.btn-secondary .btn__divider {
    background: #fff;
}

.btn-secondary {
    background: #fff;
    color: #10069F;
    border-color: #10069F;
}

polyline {
  	stroke: #10069F
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background: #fff;
    color: #10069F;
    border-color: #10069F;
}

.btn {
	transition: none !important;
}

/* Sign-up Form */

.event-detail .btn-secondary.toggle-sign-up-form.active,
.event-detail .btn-secondary.toggle-sign-up-form.active:hover {
  background-color: #10069f;
  color: white !important; /* override */
}

.event-detail .btn-secondary.toggle-sign-up-form.active .btn__text {
  color: white;
}

.event-detail .btn-secondary.toggle-sign-up-form.active .btn__divider {
 background: transparent;
}

.event-detail .btn-secondary.toggle-sign-up-form.active .btn__divider-line {
  background: white;
}

.event-detail .btn-secondary.toggle-sign-up-form.active .btn__icon {
  transform: rotate(90deg);
}

/* Hover */

.btn--icon:hover .btn__text {
    transition-delay: .4s;
    transform: translateX(15px);
}  

.btn--icon:hover.btn-secondary {
    color: #10069F !important;
    background: #fff !important;
    border-color: #10069F;
} 

.btn--icon:hover.btn-secondary.active {
	background: #10069F !important;
}
  
.btn--icon:hover .btn__divider-line {
    transform: rotate(90deg);
    right: -15px;
    transition: transform .3s ease .05s, right .2s ease .4s;
}

.btn--icon.btn-secondary.active .btn__divider-line {
    display: none;
}
  
.btn--icon:hover .btn__divider-arrow-part {
    opacity: 1;
}
  
.btn--icon:hover .btn__icon {
    transform: translateX(-35px);
    transition-delay: 0s;
}
  
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(16,6,159,0.2) !important;
}

@media (max-width: 768px) {
  .btn-secondary {
  	width: 100%;
  }
}