/**
 *
 *
 *
 */

@mixin component__buckets()
{
    .buckets {
        &__item {
            display: block;

            border-radius: 4px;
            position: relative;
            padding: 1.25rem 2.5rem 1.25rem 1.5rem;

            background-color: $primary;
            border: 1px solid darken($primary, 5%);

            .content {
                .title {
                    color: $white;
                }
            }
        }
    }
}