.colorBlockemp {
    padding: 5px 10px;
    background-color: #fff;
    color: #000;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #000;
    margin-bottom: 8px;
}

    .colorBlockemp.active {
        background-color: #000;
        border: 1px solid #000;
        color: #FFFFFF;
        padding: 5px 10px;
    }
.color-btn {
    text-align: center;
    background: #ccc;
    padding: 12px;
    border: 1px solid #000;
}
.PacificBlueColor {
    background: #425f6c;
}
.color-btn:hover {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 12px;
}
.MidnightGreenColor {
    background: #6d7a71;
}
.GreenColor {
    background: #daf0d9;
}
.RoseGoldColor {
    background: #B76E79;
}
.CoralColor {
    background: #FF7F50;
}
.SurfBlueColor {
    background: #42a1cf;
}
.RoseGoldColor {
    background: #B76E79;
}
.CactusColor {
    background: #70a0a0;
}
.SandColor {
    background: #f5dbce;
}
.PinkSandColor {
    background: #f5dbce;
}
.BlueColor {
    background: #47afe6;
}
.SilverColor {
    background: #e5e5e3;
}
.LemonColor {
    background: #e5e5e3;
}
.SpaceGrayColor {
    background: #2b2a2f;
}
.SpaceGreyColor {
    background: #2b2a2f;
}
.BrownColor {
    background: #c75f38;
}
.Silver{
    background: #d3d5d6;
}
.Gold{
    background: #fef3e0 ;
}
.SpaceBlack{
    background: #575451  ;
}
.DeepPurple{
    background: #6e6675   ;
} 
.Red{
    background: #da3e41;
} 
.Purple{
    background: #ccc8d7;
} 
.Midnight{
    background: #0d0c1a;
}
.Starlight{
    background: #faf2fa;
}
.Blue{
    background: #a4b7c8;
}


.color-btn {
    cursor: pointer;
}

    .color-btn.active {
        background-color: #000;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        padding: 12px;
    }

.pacificblueColor {
    background: #425f6c;
}

.colorBlock1.active {
    border: 2px solid #000000;
}

.GraphiteColor {
    background: #605f5b;
}

.colorBlock1 {
    width: 25px;
    height: 25px;
    border: 1px solid #000000;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 50px;
}

.GoldColor {
    background: #ecc8b0;
}
.PeacockColor {
    background: #ecc8b0;
}
.GreeenColor {
    background: #daf0d9;
}
.colorBlock1.active {
    border: 2px solid #000000;
}
.RedColor {
    background: #ba0c2e;
}
.YellowColor {
    background: #ffe681;
}
.BlackColor {
    background: #000000;
}
.MidnightGreenColor {
    background: #6d7a71;
}
.WhiteColor {
    background: #FFFFFF;
}
.PurpleColor {
    background: #d1cddb;
}

.iphone15PinkColor {
    background: #e3c8ca;
}
.iphone15YellowColor {
    background: #e5e0c1;
}
.iphone15GreenColor {
    background: #cad4c5;
}
.iphone15BlueColor {
    background: #ced5d9;
}
.iphone15FinishBlackColor {
    background: #35393b;
}

.iphone15NaturalTitaniumColor {
    background: #8f8a81;
}
.iphone15BlueTitaniumColor {
    background: #1a202a;
}
.iphone15WhiteTitaniumColor {
    background: #c9c8c3;
}
.iphone15BlackTitaniumColor {
    background: #1e1f20;
}