@import '@cnbritain/merlin-www-common:brides';

@import '../wireframe/wireframe';
@import './_mixins';

a.btn-single,
a.btn-group,
a.btn-share,
a.btn-related {
    @include button-reset();
}

.btn-single,
a.btn-single {
    @include button-single;
}

.btn-single--light,
a.btn-single--light {
    @include button-single-light;

    &:hover,
    &:focus {
        @include button-single-light-hover;
    }
}

.btn-single-two,
a.btn-single-two {
    @include button-single-two;
}

.btn-single-two--light,
a.btn-single-two--light {
    @include button-single-two-light;

    &:hover,
    &:focus {
        @include button-single-two-light-hover;
    }
}

.btn-single-three,
a.btn-single-three {
    @include button-single-three;
}

.btn-single-three--light,
a.btn-single-three--light {
    @include button-single-three-light;

    &:hover,
    &:focus {
        @include button-single-three-light-hover;
    }
}

.btn-single-three--dark,
a.btn-single-three--dark {
    @include button-single-three-dark;

    &:hover,
    &:focus {
        @include button-single-three-dark-hover;
    }
}

.btn-group,
a.btn-group {
    @include button-group;
}

.btn-group--light,
a.btn-group--light {
    @include button-group-light;

    &:hover,
    &:focus {
        @include button-group-light-hover;
    }
}

.btn-share,
a.btn-share {
    @include button-share;
}

.btn-share--light,
a.btn-share--light {
    @include button-share-light;

    &:hover,
    &:focus {
        @include button-share-light-hover;
    }
}

.btn-share--dark,
a.btn-share--dark {
    @include button-share-dark;

    &:hover,
    &:focus {
        @include button-share-dark-hover;
    }
}

.btn-top-stories,
a.btn-top-stories {
    @include button-top-stories();

    &:hover:not(.is-disabled):not([disabled]),
    &:focus:not(.is-disabled):not([disabled]) {
        @include button-top-stories-hover();
    }

    &.is-disabled,
    &[disabled] {
        @include button-top-stories-disabled();
    }
}